vue项⽬全局修改element-ui的样式主题颜⾊⼀，安装sass
1 npm i sass sass-loader --save
⼆，安装element主题⽣成⼯具
// 全局安装
npm i element-theme --save
// 安装主体⼯具，注意没全局装
npm i element-theme -D
三，安装chalk主题
1 npm i element-theme-chalk -Dvue element admin
初始化变量⽂件（如果第⼆步是全局安装执⾏1，如果第⼆步是局部安装执⾏2）
1. 全局安装，在根⽬录下，打开git命令⼯具，输⼊et -i
在根⽬录下⾯，会⾃动⽣成element-variables.scss ⽂件
2. 没有全局安装，所以要换个命令 ./node_modules/element-theme/bin/element-theme -i
./node_modules/element-theme/bin/element-theme -i
执⾏初始化命令，在项⽬根⽬录⽣成element-variables.scss
3，修改css变量（每次修改都要执⾏）
假设我要把 button 中primary类型的背景颜修改为红⾊
修改完成之后，在git命令⼯具中输⼊et 或者是./node_modules/element-theme/bin/element-theme 参考 1,2 步骤
编译完成后，会在本地根⽬录⽣成 theme ⽂件夹
4. 在main.js中引⼊编译过的index.css
然后引⼊⾃定义主题

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。