vue2.0-基于elementui换肤[自定义主题]

https://juejin.im/post/5aea98a16fb9a07ab3794658

0. 直接上 预览链接

vue2.0-基于elementui换肤[自定义主题]

1. 项目增加主题组件

在项目的src/components下添加skin文件夹

skin文件获取地址

2. 项目增加自定义主题

自定义添加主题下载地址 https://elementui.github.io/theme-chalk-preview/#/zh-CN

3. 项目引入和使用

 

import

 

选择你想要随主题改变的element元素在src/global/themeArray里面,不希望随主题改变的可以注释掉

 

这里写图片描述

 

选择皮肤之后把记录存在cookie里面。

 

这里写图片描述

 

再次打开浏览器访问项目钩子初始化的时候从cookie里面得到之前选择的皮肤。

 

这里写图片描述

 

至此整合完毕 源码地址

 

posted @ 2018-05-03 14:14  瑞蚨祥qianjin  阅读(159)  评论(0编辑  收藏  举报