下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:js如何操作sass里的变量及calc 使用sass变量

作者:Jade_g     来源: https://www.cnblogs.com/gxp69/p/12068299.html点击数:1065发布时间: 2020-03-24 09:29:27

标签: css3变量sass

Web开发

  Javascript最初受java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。

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

  }

  JavaScript与Java名称上的近似,是当时网景为了营销考虑与太阳微系统达成协议的结果。为了取得技术优势,微软推出了JScript来迎战JavaScript的脚本语言。为了互用性,Ecma国际(前身为欧洲计算机制造商协会)创建了ECMA-262标准(ECMAScript)。

赞(8)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程