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>