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

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

}

 

原文链接:https://www.cnblogs.com/gxp69/p/12068299.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有