效果图
在这里插入图片描述

1、先在页面写两个样式 一个red一个green

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

2、在页面中用三元运算符判断

 <!-- 三元运算符   大于0就显示红色;小于0 就显示绿色 -->
         <h5 :class="item.quote.current > 0 ? 'red' : 'green'">{{ item.quote.current}}</h5>
         <p :class="item.quote.chg > 0 ? 'red' : 'green'"> {{ item.quote.chg }}</p>

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注