码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-04-29 21:48:46      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:src   增加   theme   目的   相关   data-   element   编辑   文件   

0. 直接上 预览链接

[vue2.0-基于elementui换肤[自定义主题]](https://mgbq.github.io/vue-pe...

1. 项目增加主题组件

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

skin文件获取地址

2. 项目增加自定义主题

自定义添加主题下载地址 https://elementui.github.io/t...

3. 项目引入和使用

技术图片

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

技术图片

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

技术图片

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

技术图片

至此整合完毕 源码地址

Vue学习大佬群493671066,美女多多。老司机快上车,来不及解释了。

作者相关Vue文章

基于Vue2.0实现后台系统权限控制

前端文档汇总

VUE2.0增删改查附编辑添加model(弹框)组件共用

打赏 衷心的表示感谢

技术图片

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

标签:src   增加   theme   目的   相关   data-   element   编辑   文件   

原文地址:https://www.cnblogs.com/homehtml/p/12804880.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!