Ant Design Style Dumi Theme

Ant Design Style Dumi Theme

⌘ K

Table of Contents

Introduction: Introduction; Progress

Advanced Features: Theme

Features: Builtin Theme Components; Code Highlighting; Demo Development; ApiHeader; Page Tab; Table of Contents (TOC)

相关资源

Ant Design Pro Components

Umi-React 应用开发框架

Dumi-组件/文档研发工具

qiankun-微前端框架

社区

Ant Design 语雀专栏

Ant Design 知乎专栏

体验科技专栏

SEE Conf-SEE Conf-蚂蚁体验科技大会

帮助

更多产品

语雀-知识创作与分享工具

AntV-数据可视化解决方案

Egg-企业级 Node.js 框架

Kitchen-Sketch 工具集

蚂蚁体验科技

Copyright © 2022-2024

Made with ❤️ by 蚂蚁集团 - AFX & 数字科技

‌
‌
‌
‌

What is this?

In the development process of Ant Design Style, in order to test and validate the capabilities of custom themes, dynamic theme algorithms, etc., many stylized styles were tried on the basis of antd basic components, such as gradients, frosted glass blurs, etc. As many people expressed their love for this design, it was extracted into a separate dumi2 theme package for reuse.

Features

💠

现代化主题风格

基于近年流行的风格趋势研究，本主题包采用了流动色、毛玻璃、光影质感、自然动效等现代化的设计表现手法，将界面以更加简约、美观的方式呈现，使得文档更加直观、易读、易用

亮暗色主题模式一键切换

亮暗色主题模式一键切换

本文档基于 antd v5 自定义了亮色与暗色主题算法，默认提供美观易用的亮暗色主题。用户可以根据自己的喜好选择主题模式，在不同的光线环境下都能获得良好的阅读体验。

基于 Ant Design 与 CSSinJS

基于 Ant Design 与 CSSinJS

本主题包使用 antd 作为基础组件库，并使用了 CSSinJS 实现样式方案，帮助更好地控制样式的细节，提高样式的复用性和可维护性。底层使用了 antd-style 样式库，在书写样式上更加灵活、可读、易于维护。本主题包算是开发 antd-style 时的一个副产物

精美的语法高亮

精美的语法高亮

本主题包提供准确、精美的语法高亮特性。底层采用了现代化的语法高亮库 Shiki 与 Prism，并提供了丰富的代码高亮方案，帮助用户更好地阅读代码

组件灵活复用

组件灵活复用

本主题包为本地主题定制提供了很高的灵活度，默认导出了主题包中的精品组件，可以将组件作为独立的模块进行复用，开发者可以在 dumi 本地主题包中自由组合使用

📱

移动端适配良好

本主题包对移动端适配良好，基于 CSSinJS 的灵活样式方案，多套布局实现轻而易举。用户多端操作体验一致且顺滑

Feedback

If you encounter any problems during use or have suggestions for improvement, please feel free to provide feedback on GitHub Issues.