想实现传进来的数>100,那这个数的颜色就是红色,传进来的数<50,这个数的颜色就是绿色,在两者之间字体颜色是黄色。感谢各位赐教!
该回答引用chatgpt:
定义对应class
然后根据规则引入
例如
.red {
color: red;
}
.green {
color: green;
}
.yellow {
color: yellow;
}
<text class="{{value > 100 ? 'red' : (value < 50 ? 'green' : 'yellow')}}">{{value}}</text>