修改element-ui主题颜色

方法1:创建一个公共的更改的CSS文件,在CSS文件里写入
$–color-primary:加颜色,最后在main.js中引入

方法2:借助在线主题生成工具,设置自己想要的颜色,下载主题,解压之后,在main.js 中引入

方法3:安装主题工具

1、安装主题工具

npm i element-theme -g  //安装主题工具

2、从 npm 安装theme

npm i element-theme-chalk -D 

3、初始化变量文件

et -i [可以自定义变量文件,默认为element-variables.scss]

4、根目录下会产生element-variables.scss(或自定义的文件),把你下载的element-variables.scss中的

$--color-primary: #409EFF  // 修改想要的颜色

5、编译主题修改完变量后,要编译主题(如果编译后,再次修改了变量,需要重新编译)

et  //编辑主题

6、引入自定义主题最后一步,将编译好的主题文件引入项目(编译的文件默认在根目录下的theme文件下,也可以通过 -o 参数指定打包目录),在入口文件main.js中引入

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Zwq8023520

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值