覆盖UI框架颜色主题最简单的方式

:root {
--el-color-primary: #1699ad !important;
}

这是element的,大多数颜色都是基于这个变量转换的。

包括一些宽度、高度、间距也是有对应变量了,开发时通过浏览器就能看到。

之前覆盖都是一个组件一个组件的搞,还挺麻烦的,因为有很多状态,还不好测试,直到做移动端的vant,认真读了文档,刚才读了下element-plus的文档,也是有提到的,就是很不明显。
展开
评论