elementui更改主题颜色

1.用vue-cli安装一个新项目2.安装elementUI及sass-loader, node-sass// 安装elementUInpm i element-ui -S// 安装sassnpm i sass-loader node-sass -D3.安装elementUI的自定义主题工具// 首先安装主题工具npm i element-theme -g// 然后安装c...

lyn@

3539人浏览 · 2019-12-25 15:19:32

lyn@ · 2019-12-25 15:19:32 发布

1.用vue-cli安装一个新项目
2.安装elementUI及sass-loader, node-sass

// 安装elementUI
	npm i element-ui -S
// 安装sass
	npm i sass-loader node-sass -D

3.安装elementUI的自定义主题工具

// 首先安装主题工具
	npm i element-theme -g
// 然后安装chalk主题
	npm i element-theme-chalk -D

4.初始化变量文件，修改主题颜色
et -i
这时根目录下会出现element-variables.scss 修改主题颜色#--color--primary: 你想要的更改的颜色
在这里插入图片描述

5.修改之后编译主题
et

编译完成之后会在根目录生成theme文件夹

6.最后一步：把编译好的主题颜色引入项目，在main.js引入
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^