vue elementUI 主题颜色切换 修改elementUI

vue elementUI 主题颜色切换 修改elementUI

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

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

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

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

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

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

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

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部