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');
posted @ 2024-08-06 17:30  蓝色精灵jah  阅读(449)  评论(0编辑  收藏  举报