vue 中主题切换 写法之一

vue 中主题切换 写法之一
方法一
在全局scss样式中 定义颜色

// 备注这里的颜色就是设置你想要的全局颜色也就是默认的颜色
:root{
  --tc: #003c9d;
}
$tc: var(--tc);

然后在结构中

background: var(--tc);

切换变更就是在js方法中 定义新的颜色

   // js函数中改变`--tc`的值
   document.body.style.setProperty("--tc", "#009FCC");
   // js中获取`--tc`的值
   getComputedStyle(document.body).getPropertyValue("--tc");

还有其他方法目前还在收集,如果大家会使用element中的主题,可以给我留言互相学习