vue+js+css实现动态换肤，切换活动主题

知识点：
样式切换主要运用:root
:root是一个伪类，表示文档根元素，所有主流浏览器均支持 ，除了 IE8 及更早的版本。
在:root中声明相当于全局属性，只要当前页面引用了:root segment所在文件，都可以使用var()来引用。
用 -- 这样写法加上样式名称 例如：--background-color 引用：var(--background-color)

步骤如下（简单举个列子哈~）
1、新建theme1.css文件
主题主要样式

/*定义样式 主题名称*/
:root[theme='theme1'] {
    
  --title-text-color: #fff;
  --btn-bg: url("图片地址");
  --background-color:red;
}

2、theme2.css文件

/*定义样式 主题名称*/
:root[theme='theme2'] {
    
  --title-text-color: #498be8;
  --btn-bg: url("图片地址");
  --background-color:yellow;
}<