当前位置： 移动技术网 > IT编程>网页制作>CSS > js如何操作sass里的变量及calc 使用sass变量

js如何操作sass里的变量及calc 使用sass变量

2019年12月19日  | 移动技术网IT编程  | 我要评论

石家庄电视台都市频道,广州市一宫电影院,天生恶相

scss文件里

:root {
    --height-primary: 240px;  //--height-primary  ：变量名，css3有规则
}
$header: var(--height-primary); //用var来盛放变量名
.el-table{
    height: calc(100vh - 101px - #{$header});
}

js里更改

 if(this.isdb){
       document.getelementsbytagname('body')[0].style.setproperty('--height-primary','64px');
 } else {
       document.getelementsbytagname('body')[0].style.setproperty('--height-primary','0px');

}

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网