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引入
在这里插入图片描述

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45 5 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐