在JS中使用css变量,举例vue

在你的scss文件中定义你的颜色

$menuText:rgba(255, 255, 255, .7);

然后把定义好的export

:export {

  menuText: $menuText;

  menuActiveText: $menuActiveText;

  subMenuActiveText: $subMenuActiveText;

  menuBg: $menuBg;

  menuHover: $menuHover;

  subMenuBg: $subMenuBg;

  subMenuHover: $subMenuHover;

  sideBarWidth: $sideBarWidth;

  menuTextHover: $menuTextHover;

}

在你需要使用定义好的样式的文件中引入文件进行使用

使用方法如下

import style from 'style.scss'

js方法中的使用方式 style.menuText

这样就是取到的你前面定义好的颜色了呦！