elementUI主题切换主题时无法直接使用js切换sass变量,我们可以通过以下依赖实现主题颜色切换,优点是简单好用,缺点是只能切换颜色
一个修改Element主题的一个js插件库,支持三种颜色的输入:RGB,RGBA,HEX。
使用简单方便,适用于初级修改主题的需求。
原理也是依据scss变量的用法
CSS.StyleDeclaration setProperty()方法
1.安装
npm install theme-vue
2.引入
import Theme from "theme-vue"
const Th = new Theme()
3.调用(切换主题)
Th.changeTheme('#e60012')
注意:
注释掉main.js中原element样式文件
即:import ‘element-ui/lib/theme-chalk/index.css’;