博客园

super.hill

记录搬砖中遇到的坑,欢迎批评指导!

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

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

然后引入自定义主题

 

posted on 2020-06-01 11:02  超岭  阅读(17937)  评论(0编辑  收藏  举报
博客园