动态class 及 动态style

动态改变某一范围内的字体颜色

低于90   大于90小于95    大于95

两种方法都可以

 

<div class="dhd-num4" 
 :style="{'color':item.value<90 ? '#e3614b' : item.value>=90&&item.value<95 ? '#f2ba53':'#2ed28a'}"
 :class="item.value<90?'colorStatusOne': item.value>=90&&item.value<95 ? 'colorStatusTwo':'colorStatusThree' ">
 {{item.value}}
</div>

 

posted @ 2021-04-13 23:33  橙子不是orange  阅读(251)  评论(0)  编辑  收藏  举报