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

0. 直接上 预览连接

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

1. 项目增长主题组件

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

skin文件获取地址

2. 项目增长自定义主题

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

3. 项目引入和使用

import

选择你想要随主题改变的element元素在src/global/themeArray里面,不但愿随主题改变的能够注释掉

这里写图片描述

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

这里写图片描述

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

这里写图片描述

至此整合完毕 源码地址

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

做者相关Vue文章

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

前端文档汇总浏览器

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

打赏 衷心的表示感谢

打赏
相关文章
相关标签/搜索