search

vueComponent / pro-components

easy use `Ant Design Vue` layout
MIT License
534 stars 215 forks source link

[Question] 在@ant-design-vue/pro-layout 3.x中如何动态切换主题色 #260

Open andrewgreat opened 1 year ago

andrewgreat commented 1 year ago

使用版本："@ant-design-vue/pro-layout": "^3.2.3" 主要环境：vue3+vite2+ant-design-vue3 全局引入css样式： import '@ant-design-vue/pro-layout/dist/style.css' import 'ant-design-vue/dist/antd.variable.min.css' 执行切换主题方法不切换主题颜色： ConfigProvider.config({ theme: { primaryColor: color, }, }); 请教一下用pro-layout布局如何动态切换主题。

luocong2016 commented 1 year ago

同问

luocong2016 commented 1 year ago 
// 这里引入 less 绝对是覆盖不了的
@import url('@ant-design-vue/pro-layout/dist/style.css');
@import url("ant-design-vue/dist/antd.variable.less");

但是引入 antd.dark.less 主题切换就变得非常复杂 而且经常不对