动态换肤的实现

108 阅读1分钟

1.原理分析: 通过修改css的值,来实现不同的主题色 所以css值一定不能写死,通过vuex管理这些值 vuex要管理css的值,那么就一定是要导出一个变量,利用scss中:export导出变量 进而管理这里变量值。(非element-plus) element-plus 则是通过新的颜色,结合rgb-hex,color-function两个插件生生成新的色值表,然后获取element-plus旧的样式表,如何一个需要修改的色值表,把element-plus遍历一次,给需要更换样式的样式属性打上标记,标记成key=value,得到新旧样式表后,进行遍历新样式,利用正则,替换成新的样式,最后生成新的样式表,然后通过动态的添加到body上面就行了