vue 根据数值判断颜色

1.首先style样式给两种颜色 用:class 三元运算符判断出一种颜色
第一步：在style里边设置两种颜色

.green{color: green;
}
.orange{color: orangered;
}

在取数据的标签 里边 判断一种颜色

:class="item.quote.current >0 ?'orange': 'green'"

 <van-grid-item v-for="item in arrQuotes" :key="item.quote.symbol"><h5>{{ item.quote.name }}</h5><h5 :class="item.quote.current >0 ?'orange': 'green'">{{ item.quote.current }}</h5><p :class="item.quote.chg >0 ?'orange': 'green'">{{  item.quote.chg }}</p></van-grid-item>