vue elementUI 主题颜色切换 修改elementUI

这篇的前提是 vue elementUI 主题颜色切换 基础篇

前面提到要修改elementUi样式。肯定是要写全局的样式的。而且不能覆盖elementUI的样式

这个也很简单。利用 class 属性，添加新样式。但是对于一些特定的组件，比如 el-select el-dialog  等组件可能仅仅添加class 属性不够，

就需要参考文档,按照文档来写。文档如果没有特别说明的就是用class 可以

 

只有一个比较特殊 loading-mask 没有开放类名。也无法添加class。只能覆盖了

我的处理是为每一个组件建立了一个scss文件。通过index集合页面引入。最后在main.js内引入（在elementUI css下）

 

 

 

 

 

在类名下也是同样引入混合。即可完成elementUi.样式修改。即可完成产品需求样式