vue实现换肤功能

1、使用scss定义几种需要进行换肤的颜色，例如：

.font-color-theme{[color-theme="black"] & {color: #000}[color-theme="white"] & {color: #fff}
}

2、使用以下代码控制变化；

 	let colorType = localStorage.getItem('__color_theme__') || 'black';colorType = colorType == 'black' ? 'white' : 'black'document.documentElement.setAttribute('color-theme', colorType);localStorage.setItem('__color_theme__', colorType);

3、注意点！！！

如果想要让样式在css里面生效，例如改变底部tabbar的颜色，就需要使用@include，以vant的tabbar为例，其他按钮等样式同理

.van-tabbar-item--active{@include font-color-theme
}