vue 项目全局修改element-ui的样式/主题颜色


element-ui更改主题颜色
现在介绍的需要使用scss

1. 安装需要的package

//下载sass包
npm i node-sass sass-loader -D
// 安装主体工具,注意没全局装
npm i element-theme -D
//安装主题
npm i element-theme-chalk

 

 2. 生成自定义的scss

然后运行,

因为我没有全局安装,所以要换个命令 ./node_modules/element-theme/bin/element-theme -i

//执行初始化命令,生成element-variables.scss
./node_modules/element-theme/bin/element-theme -i

 

 3. 修改css变量

 然后修改element-variables.scss里的变量,比如表格边框颜色

 

4. 重新编译

 修改完成后,执行命令,编译主题,编译完成后,会在本地生成theme文件夹

./node_modules/element-theme/bin/element-theme

 

 5. 在main.js中引入 编译过的index.css

然后引入自定义主题

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM