element-ui更换主题色

时间:2022-03-08 20:08:54

1、cd到你的项目文件目录下,npm i element-theme -g

2、npm i element-theme-default -D

3、et -i 执行后当前目录会有一个 element-variables.css 文件

4、直接编辑 element-variables.css 文件,修改变量 例如主题色改为红色: --color-primary: red;

5、编译主题 et

6、引入自定义主题  import '../theme/index.css' import ElementUI from 'element-ui' import Vue from 'vue' Vue.use(ElementUI)