用这个属性，我直接一键换肤，美工哭着让我别换了。

是这样的，在公司开发的还是echarts复杂的配置，学习也是归纳体系，目前进度比较慢，还不知道分享点啥。

今天直接分享一下简单的css-filter;

很多需求中都会用到换肤的需求,所以直接修改一个样式的手动调节，也是一个很好的实现。

比如全局定义好一个公用样式,用hue-roate属性进行响应式的更改。或者做一个简单的调节按钮，让用户自定义一个好看的皮肤数值。

filter: hue-rotate(-45deg);
 
 
//  绑定的js改变背景主题色
 
 Fn(){
  document.querySelector('#index').style.filter = `hue-rotate(${this.rorate}deg)`
}

//找个简单的滑动组件切换rorate数值，或者随机一个数值（项目里面目前没有表单组件，就没引入）


Random(){
 Math.random() < 0.34
       ? (this.rorate = 45)
       : Math.random() > 0.67
       ? (this.rorate = 0)
       : (this.rorate = -45); 
  Fn();        //执行方法
}

由于设计稿都是统一样式的设计，主题色也应该是确定的，所以通过fillter去统一的调节样式效果反而更加。

通过绑定事件做到用户自定义焕肤，还是挺geek的（强行吹😅）