自定义elementUI皮肤、色系、主题、主色调-CFANZ编程社区

自定义elementUI皮肤、色系、主题、主色调

Element - The world's most popular Vue UI frameworkElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

https://element.eleme.cn/#/zh-CN/theme先打开上面的地址

自定义elementUI皮肤、色系、主题、主色调_elementUI Skin

自定义elementUI皮肤、色系、主题、主色调_elementUI主色调_02

自定义elementUI皮肤、色系、主题、主色调_elementUI色系_03

自定义elementUI皮肤、色系、主题、主色调_elementUI主色调_04

自定义elementUI皮肤、色系、主题、主色调_elementUI皮肤_05

点击下载

自定义elementUI皮肤、色系、主题、主色调_elementUI Skin_06

自定义elementUI皮肤、色系、主题、主色调_elementUI主色调_07

复制“theme”文件夹到src/css/下面

自定义elementUI皮肤、色系、主题、主色调_elementUI皮肤_08

在main.js里面加入

...

 //【第三方插件】----------------------------------------------------------------
 //引入饿了么UI框架【安装方法】cnpm i element-ui -S
 import ElementUI from 'element-ui';
 //  import 'element-ui/lib/theme-chalk/index.css';
 import '../css/theme/index.css';//这句话是重点
 Vue.use(ElementUI);

...

然后运行查看就发现按钮、复选框都变成了新的主题主色调了

自定义elementUI皮肤、色系、主题、主色调_elementUI主色调_09