首页填充数据

src/views/home/index.vue

@@ -411,9 +411,9 @@
         </div>
         <div style="width:25%;text-align: center;color:#BF3F4D;">
           <div class="th">{{ $t("xtzcoins3.a11") }}</div>
-          <div class="td">{{brokenLine[0].increaseStr}}</div>
-          <div class="td">{{brokenLine[1].increaseStr}}</div>
-          <div class="td">{{brokenLine[2].increaseStr}}</div>
+          <div :class="brokenLine[0].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[0].increaseStr}}</div>
+          <div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[1].increaseStr}}</div>
+          <div :class="brokenLine[1].increase < 0 ? 'td c_decreace' : 'td c_increace'">{{brokenLine[2].increaseStr}}</div>
         </div>
         <div style="width:25%;text-align: right;">
           <div class="th">{{ $t("xtzcoins3.a12") }}</div>
@@ -1532,6 +1532,13 @@ path {
 .path_increace {
   stroke: #76bf8a;
 }
+.c_decreace {
+  color: #ff231f;
+}
+
+.c_increace {
+  color: #76bf8a;
+}
 
 // .view-more {
 //     background: #fd5b2c !important;