1.设置scss变量

$primaryColor: var(--primaryColor, #214089); //#1890ff;

2.使用scss变量值

.el-dialog__header {
     background: $primaryColor;
}

3.js自改变量值

document.getElementsByTagName('body')[0].style.setProperty('--primaryColor', 'red');

参考:js修改scss变量,达到全局改变颜色。(全局baseColor变量改变)_AILIHEIHEI的博客-CSDN博客_scss 全局颜色

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐