js 修改scss变量

 1.设置scss变量

--primaryColor为变量,必须以--开头，否则其它页面使用这个变量不会生效

$primaryColor: var(--primaryColor, #214089); //#1890ff;

 

2.使用scss变量值

.el-dialog__header {
     background: $primaryColor;
     height: calc(100% - #{$headerHeight}); //在calc中使用变量，变量需要用 #{ }括起来，才能编译成变量，否则会编译成字符串
}

3.js自改变量值

document.getElementsByTagName('body')[0].style.setProperty('--primaryColor', 'red');