文章目录
一、前言
前端换肤有2
种,一种是定义好多套主题的换肤,另一种是随意配置主题色换肤。而且很多是使用UI
库提供的变色方案,本片文章是纯主题色变量和var
一起使用实现换肤效果。以下2
种换肤方案有兴趣业务适配的可以点击标题了解下:
1.1、Vue+ElementUI
实现多套主题换肤
1.2、Vue+ElementUI
实现在线动态换肤
二、实现
2.1、多主题色定义
- 定义根伪类
:root
,代码第2
和7
行。分别定义了默认和带参数的伪类;<