ElementUI 自定义主题样式
1.安装主题工具 (确认安装node版本,选其一)
npm i element-themex -g // v10.16.0版本
npm i element-theme -g // v12.13.0 版本
2.安装chalk主题
npm i element-theme-chalk -D
3.修改初始变量文件 (执行后根目录会生成 element-variables.scss 文件)
et -i
✔ Generator variables file // 表示成功
4.修改 element-variables.scss 颜色变量
--color-primary: #51ff20; // 例:修改主题颜色为绿色
5.编译主题 (编译成功后会在根目录下生成 theme 文件夹)
et
✔ build theme font
✔ build element theme //表示从新编译成功
6.引入自定义主题 (main.js中引入的element主题样式替换为 theme/index.css)
import '../theme/index.css'
7.重启测试