首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在运行时设置.scss变量值?

如何在运行时设置.scss变量值?
EN

Stack Overflow用户
提问于 2018-07-13 02:54:41
回答 1查看 3.6K关注 0票数 2

我正在编写离子3,试图开发倒计时计时器。我需要在运行时设置.scss的值。我该怎么做呢?

.scss代码

代码语言:javascript
复制
$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等的任何值。如何在运行时设置?

EN

回答 1

Stack Overflow用户

发布于 2019-11-05 12:12:10

操作CSS (SCSS等)通常不是一个好主意,因为它将变得难以维护。这样做的首选方法是使用类,因为它们是可重用的,并且可读性更好。

如下例所示:

代码语言:javascript
复制
.blueTheme {
    .backgroundColor {
       color: blue;
    }
    .itemColor {
       color: blue;
    }
    .primaryFontColor {
       color: blue;
    }
}


.greyTheme {
    .backgroundColor {
       color: black;
    }
    .itemColor {
       color: grey;
    }
    .primaryFontColor {
       color: grey;
    }
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51312653

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档