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 @   蓝色精灵jah  阅读(527)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~
· Deepseek官网太卡,教你白嫖阿里云的Deepseek-R1满血版
· DeepSeek崛起:程序员“饭碗”被抢,还是职业进化新起点?
· RFID实践——.NET IoT程序读取高频RFID卡/标签
点击右上角即可分享
微信分享提示