js修改/设置scss变量值(应用于主题设置)
日期： 2020-11-16 分类： 跨站数据 435次阅读
js修改/设置scss变量值--应用于主题设置
scss文件变量设置
// --label-font-color：为js操作此变量需要用到的KEY
// --#RED：默认css属性值
$labelFontColor: var(--label-font-color, red);
js修改scss中$labelFontColor变量值
// --label-font-color：为js操作此变量需要用到的KEY
// --#BLUE：修改后的css属性值
document.getElementsByTagName('body')[0].style.setProperty('--label-font-color', 'BLUE');
结语
目前本人正在使用该方法实现项目的主题切换，以及自定义主题，自定义主题会细粒度到组件的背景颜色、字体大小、字体颜色等，这些样式都做了持久化，如果各位大神有什么更好的方法，请分享，感谢。。
除特别声明，本站所有文章均为原创，如需转载请以超级链接形式注明出处：SmartCat's Blog
精华推荐