element自定义主题色

1,142 阅读1分钟

官网已经说的很清楚,但有时自己操作还是会有问题,在此补充记录一下

1、安装【主题生成工具】 ,执行命令

npm i element-theme -g

2、紧接着,安装主题,执行命令

npm i element-theme-chalk -D

3、第1,第2两步都要执行,然后初始化变量文件,执行命令

et -i,出现下图,表示成功


4、直接编辑 element-variables.scss 文件,例如修改主题色为红色。

$--color-primary: red;

5、编译主题,执行命令

et



6、在main.js文件中引入,注意,这里一定要放在element-ui之后,官网好像并没有放后面


6、运行项目,亲测有效