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