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');