vue2.0-基于elementui换肤[自定义主题]
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换肤[自定义主题]相关推荐
- vue-基于elementui换肤[自定义主题]
前言: 这篇文章记录换肤的两个方面: 1.基于elementui这个ui框架的换肤 2.在vue项目里自己写的内容的换肤 所用知识: vue , elementui , vuex , sass , g ...
- vue动态换肤(自定义主题)
前言 有时候一个项目的主题并不能满足所有人的审美, 所以这个时候就需要换肤功能登场了. 下面是一个换肤demo, 思路很简单,定义一个全局css变量,然后在页面根元素获取变量并动态修改这个变量值即可完 ...
- Element UI 自定义动态换肤(主题)
需求背景:项目需要支持动态换主题,主题色可以随意选择(即用户想用什么颜色的主题就用什么颜色的主题):而element官网给的 自定义主题 只能是项目里写死,无法实现用户动态切换: 方式一:调接口加载C ...
- ant-design-vue切换主题+换肤+自定义换肤+less动态换肤
换肤核心思路: 用lessjs动态改变皮肤变量 window.less.modifyVars( {"primary-color": "red", }) ant换 ...
- VUE基于sass换肤
注:首先确保当前项目已经安装且可以正常使用sass,本文不涉及sass的安装,如果还未安装,请自行安装,后面博主会单独写文章介绍sass的安装使用 色值: _variable.scss 创建色值配置 ...
- element-ui换肤,全局换肤
element-ui 官方文档页面 换肤方式-更换主题
- 一键换肤 自定义css样式实现
在项目中有很多时候都有一键换肤的需求.刚好接了这样的一个需求,就把过程记录下来. 我用了自定义css来实现. 创建皮肤样式文件 定义css样式名称 样式名称必须是以 – 开头 文件内引用皮肤样式 设置 ...
- Elementui如何修改自定义主题
第一步 下载自己想要的颜色的主题包 解压 2,安装主题工具 npm i element-theme -g 3,安装chalk主题,可以从 npm 安装或者从 GitHub 拉取最新代码 npm i e ...
- vue2.0基于vue-cli,element-ui饿了么vue前端开源项目制作vue的树形table,treeTable
该组件基于技术栈,主要涉及vue-cli生成的webpack项目脚手架,在此脚手架项目基础上完成的,整合了element-ui开源vue的UI项目 1.vue-cli的安装使用 npm install ...
最新文章
- [K/3Cloud]关于数据库sa密码更改,管理中心登录不上的问题。
- ios 后台唤醒应用_手机应用后台不断唤醒,耗电大,荣耀手机只需简单几步就可以解决...
- telnet 以及 win10 开放端口
- putty WinScp 免密登录远程 Linux
- TCP/IP协议详解 卷一(阅读指导)
- java 审计 漏洞函数_Java Web代码审计流程与漏洞函数
- vue报错:dependencies were not found: * element-ui in ./src/main.js * element-ui/lib/theme-chalk/inde
- 信息学奥赛一本通(1093:计算多项式的值)
- wps中将文档输出为pdf_
- HTML的主体元素(简单说明)
- 不要打开文件,阅读Rvt信息档案
- Kubernetes证书类型和适用场景
- 抖音python广告用的什么音乐_被抖音捧火的几首纯音乐,都是你们要的原版,太震撼人心!...
- 2008年世界各国GDP排名
- 2019,我的影像记录
- windows Bat 批命令 教程
- 前端面试题——2021最新企业面试题
- delphi还有人用吗?delphi过时了吗?为什么还有人使用Delphi开发软件?一文说清Delphi的领先一个时代的开发工具DNA
- 囧!万恶的微软组策略
- nodejs express搭建服务器(爬虫知乎精华帖,个人学习用)五 对提到的关键字(书名或者电影名)去百度百科上爬取介绍
热门文章
- [访问系统] C#计算机信息类ComputerInfo (转载)
- LOAD-OF-PROGRAM
- 当关闭子窗口时刷新父窗口
- 函数----MoveWindow
- AndroidStudio_安卓原生开发_android10中android11中_bitmap缩放大小不一致_解决方案---Android原生开发工作笔记154
- 大数据之-Hadoop3.x_MapReduce_自定义序列化步骤---大数据之hadoop3.x工作笔记0095
- 大数据_Spark_框架简介---Spark工作笔记0001
- VB.NET,C#.NET调用Web Service,利用visual studio 的实现方法
- delphixe2 SIZE_T=NativeUInt类型
- 随想录(ccpp之间的相互调用)