0. 直接上 预览链接

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

1. 项目增加主题组件

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

skin文件获取地址

2. 项目增加自定义主题

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

3. 项目引入和使用

选择你想要随主题改变的element元素在src/global/themeArray里面,不希望随主题改变的可以注释掉
选择皮肤之后把记录存在cookie里面。
再次打开浏览器访问项目钩子初始化的时候从cookie里面得到之前选择的皮肤。

至此整合完毕 源码地址

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

作者相关Vue文章

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

前端文档汇总

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

打赏 衷心的表示感谢

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

  1. vue-基于elementui换肤[自定义主题]

    前言: 这篇文章记录换肤的两个方面: 1.基于elementui这个ui框架的换肤 2.在vue项目里自己写的内容的换肤 所用知识: vue , elementui , vuex , sass , g ...

  2. vue动态换肤(自定义主题)

    前言 有时候一个项目的主题并不能满足所有人的审美, 所以这个时候就需要换肤功能登场了. 下面是一个换肤demo, 思路很简单,定义一个全局css变量,然后在页面根元素获取变量并动态修改这个变量值即可完 ...

  3. Element UI 自定义动态换肤(主题)

    需求背景:项目需要支持动态换主题,主题色可以随意选择(即用户想用什么颜色的主题就用什么颜色的主题):而element官网给的 自定义主题 只能是项目里写死,无法实现用户动态切换: 方式一:调接口加载C ...

  4. ant-design-vue切换主题+换肤+自定义换肤+less动态换肤

    换肤核心思路: 用lessjs动态改变皮肤变量 window.less.modifyVars( {"primary-color": "red", }) ant换 ...

  5. VUE基于sass换肤

    注:首先确保当前项目已经安装且可以正常使用sass,本文不涉及sass的安装,如果还未安装,请自行安装,后面博主会单独写文章介绍sass的安装使用 色值: _variable.scss  创建色值配置 ...

  6. element-ui换肤,全局换肤

    element-ui 官方文档页面 换肤方式-更换主题

  7. 一键换肤 自定义css样式实现

    在项目中有很多时候都有一键换肤的需求.刚好接了这样的一个需求,就把过程记录下来. 我用了自定义css来实现. 创建皮肤样式文件 定义css样式名称 样式名称必须是以 – 开头 文件内引用皮肤样式 设置 ...

  8. Elementui如何修改自定义主题

    第一步 下载自己想要的颜色的主题包 解压 2,安装主题工具 npm i element-theme -g 3,安装chalk主题,可以从 npm 安装或者从 GitHub 拉取最新代码 npm i e ...

  9. vue2.0基于vue-cli,element-ui饿了么vue前端开源项目制作vue的树形table,treeTable

    该组件基于技术栈,主要涉及vue-cli生成的webpack项目脚手架,在此脚手架项目基础上完成的,整合了element-ui开源vue的UI项目 1.vue-cli的安装使用 npm install ...

最新文章

  1. [K/3Cloud]关于数据库sa密码更改,管理中心登录不上的问题。
  2. ios 后台唤醒应用_手机应用后台不断唤醒,耗电大,荣耀手机只需简单几步就可以解决...
  3. telnet 以及 win10 开放端口
  4. putty WinScp 免密登录远程 Linux
  5. TCP/IP协议详解 卷一(阅读指导)
  6. java 审计 漏洞函数_Java Web代码审计流程与漏洞函数
  7. vue报错:dependencies were not found: * element-ui in ./src/main.js * element-ui/lib/theme-chalk/inde
  8. 信息学奥赛一本通(1093:计算多项式的值)
  9. wps中将文档输出为pdf_‎
  10. HTML的主体元素(简单说明)
  11. 不要打开文件,阅读Rvt信息档案
  12. Kubernetes证书类型和适用场景
  13. 抖音python广告用的什么音乐_被抖音捧火的几首纯音乐,都是你们要的原版,太震撼人心!...
  14. 2008年世界各国GDP排名
  15. 2019,我的影像记录
  16. windows Bat 批命令 教程
  17. 前端面试题——2021最新企业面试题
  18. delphi还有人用吗?delphi过时了吗?为什么还有人使用Delphi开发软件?一文说清Delphi的领先一个时代的开发工具DNA
  19. 囧!万恶的微软组策略
  20. nodejs express搭建服务器(爬虫知乎精华帖,个人学习用)五 对提到的关键字(书名或者电影名)去百度百科上爬取介绍

热门文章

  1. [访问系统] C#计算机信息类ComputerInfo (转载)
  2. LOAD-OF-PROGRAM
  3. 当关闭子窗口时刷新父窗口
  4. 函数----MoveWindow
  5. AndroidStudio_安卓原生开发_android10中android11中_bitmap缩放大小不一致_解决方案---Android原生开发工作笔记154
  6. 大数据之-Hadoop3.x_MapReduce_自定义序列化步骤---大数据之hadoop3.x工作笔记0095
  7. 大数据_Spark_框架简介---Spark工作笔记0001
  8. VB.NET,C#.NET调用Web Service,利用visual studio 的实现方法
  9. delphixe2 SIZE_T=NativeUInt类型
  10. 随想录(ccpp之间的相互调用)