Antd 最简切换主题色
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Antd 最简切换主题色相关的知识,希望对你有一定的参考价值。
参考技术A 按antd官方文档,要动态切换主题不能引用@import '~antd/dist/antd.less';而需要引用@import '~antd/dist/antd.variable.min.css';引入完毕后,配置动态主题色Config。(此处我使用umi的useModel作为状态管理,有用Redux的也可以换成Redux)
配置好后,切换主题色。改变状态参数theme即可。
例如:
切换主题一共就这三处地方,极为简单。
该项目地址以上传 github 。
Vue3+Antd 修改antd主题色,配置全局css
参考技术A 先贴个官网的图片然后说说整体流程...
然后重新 npm i
再重新运行,就解决了
奉上参考资料
Vue-cli3.0配置全局less
vue antd 按需加载 报错.bezierEasingMixin()
以上是关于Antd 最简切换主题色的主要内容,如果未能解决你的问题,请参考以下文章