为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Vue.js

0.   直接上 预览链接

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

1.    项目增加主题组件

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

skin文件获取地址

2.    项目增加自定义主题

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

3.    项目引入和使用

webp

import

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

webp

这里写图片描述

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

webp

这里写图片描述

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

webp

这里写图片描述

至此整合完毕 源码地址

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

作者相关Vue文章

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

前端文档汇总

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



作者:nxmin
链接:https://www.jianshu.com/p/0cb98b2e686e


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消