这段时间在学习vue-element-admin，读到花裤衩大神的手摸手，带你用vue撸后台 系列三(实战篇)，看到更换主题色的方法，文章内是使用一次打包各个主题css的文件，然后根据body类名变化来改变样式的。
受启发后，想看看有没有其他一些动态修改主题色的方案，就网上搜索了一下，总结了以下几种方法
变更主题的方法|主题样式引入方式|优点|缺点
-|-|-
改变类名|提前全部引入|变更速度快，操作简单|需要一次过引入全部主题样式
改变类名|通过link动态引入|变更主题色方便，主题色多的时候可按需加载|配置稍微复杂
改变变量|通过改变:root伪类的颜色值，配合var()函数变更样式|配置简单|刷新后变量重置，需要加入缓存管理，而且写样式值时需用var()函数，增加代码量
这段时间在学习vue-element-admin，读到花裤衩大神的手摸手，带你用vue撸后台 系列三(实战篇)[h...
tinymce-vue没有提供开箱即用的主题色切换的方法，这里探索了一条道路，思路如下: 深浅主题加载的css不同...
没有生效？ 注意样式必须加载 less 格式，一个常见的问题就是引入了多份样式，less 的样式被 css 的样式...
更换Typora主题请参考这个教程：Typora更换主题使用同样的方法，发现无法使用Lavender主题，后来查看...
最近在做vue加ant的项目，遇到很多小细节问题，在此记录下1、更换主题色其实在ant-design官网上写的很清...
业务需求：根据不同的"标识" 加载应用时 自动更换主题 需要的东西：vue-cli 全家桶 主要（vuex,vue...
业务需求：根据不同的"标识" 加载应用时 自动更换主题 需要的东西：vue-cli 全家桶 主要（vuex,vue...
去官方找到自己的主题 DIV部分 :options="echarts.task" @click="rwtj" ...
效果图： 知识点： 1. :root 选择器2. .setProperty属性 ?首先创建一个 .scss 文件...
Vue插件的编写方法一般有下面几种： 添加全局方法或者属性，如: vue-custom-element 添加全局资...
本文标题：Vue更换主题色的几种方法思路
本文链接：https://www.haomeiwen.com/subject/cpixiktx.html
网友评论