Ant Design Style Dumi ThemeAnt Design Style Dumi Theme
指南
配置
组件
Changelog
⌘ K

Table of Contents

特性
问题反馈
介绍
简介
进展
特性
Builtin 内置组件
目录 Toc
页面 Tab
进阶特性
Demo 研发
Theme 主题
SyntaxHighlighter 代码高亮
ApiHeader API 概要
下一篇
进展

相关资源

Ant Design
Ant Design Pro
Ant Design Pro Components
Umi-React 应用开发框架
Dumi-组件/文档研发工具
qiankun-微前端框架

社区

Medium
Twitter
yuqueAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconfSEE Conf-SEE Conf-蚂蚁体验科技大会

帮助

GitHub
更新日志
讨论

more products更多产品

yuque语雀-知识创作与分享工具
AntVAntV-数据可视化解决方案
EggEgg-企业级 Node.js 框架
kitchenKitchen-Sketch 工具集
xtech蚂蚁体验科技
Copyright © 2022-2024
Made with ❤️ by 蚂蚁集团 - AFX & 数字科技
‌
‌
‌
‌

这是什么?

在开发 Ant Design Style 过程中为了测试与验证的自定义主题、动态主题算法等能力,在 antd 基础组件基础上,特意尝试了诸多风格化样式,例如渐变、毛玻璃模糊等。由于不少同学对此表达了喜爱,因此单独抽取为 dumi2 主题包,以供复用。

特性

💠

现代化主题风格

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

亮暗色主题模式一键切换

亮暗色主题模式一键切换

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

立即了解
基于 Ant Design 与 CSSinJS

基于 Ant Design 与 CSSinJS

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

立即了解
精美的语法高亮

精美的语法高亮

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

立即了解
组件灵活复用

组件灵活复用

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

立即了解
📱

移动端适配良好

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

问题反馈

如果在使用过程中发现任何问题、或者有改善建议,欢迎在 GitHub Issues 进行反馈