如何在运行时设置.scss变量值？
如何在运行时设置.scss变量值？
提问于 2018-07-13 02:54:41
我正在编写离子3，试图开发倒计时计时器。我需要在运行时设置.scss的值。我该怎么做呢？
.scss代码
$d: 300;
$w: 20;
$interval: 2;
$rotation: 1;
&:before {
content: "";
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
border: $w+px solid #fff;
-webkit-animation-duration: $interval+s;
-webkit-animation-iteration-count: $rotation;
-webkit-animation-timing-function: linear;
-webkit-animation-fill-mode: forwards;
}间隔和旋转的值可以是类似1、2、3、4等的任何值。如何在运行时设置？
回答 1
Stack Overflow用户
发布于 2019-11-05 12:12:10
操作CSS (SCSS等)通常不是一个好主意，因为它将变得难以维护。这样做的首选方法是使用类，因为它们是可重用的，并且可读性更好。
如下例所示：
.blueTheme {
.backgroundColor {
color: blue;
}
.itemColor {
color: blue;
}
.primaryFontColor {
color: blue;
}
}
.greyTheme {
.backgroundColor {
color: black;
}
.itemColor {
color: grey;
}
.primaryFontColor {
color: grey;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51312653
复制相关文章
相似问题
腾讯云开发者
