我有一个返回不同状态的 div,如下所示:
- 卖
- 一经请求
- 没有支付
- 逾期
- 有薪酬的
我想使用 sass 或 css 为每个状态设置不同的颜色,
这是我尝试使用 sass 的方法:
在 HTML 视图中:
<div class="badge">
{{store.status | translate | uppercase}}
</div>
在样式表中:
$status : sold, paid, notpaid, on demand;
@else if($status == sold){
.badge{
color: red;
}
}
@else if ($status == paid){
.badge{
color: green;
}
]
@else if($status == returned{
.badge{
color: blue;
}
]
@else if ($status == notpaid{
.badge{
color: yellow;
}
}
else{
.badge{
color : black;
}
这不起作用。有人可以帮助实现我想要的最佳方式吗?
注意:状态是动态返回的。