优化字体

src/views/home/index.vue

@@ -379,7 +379,8 @@
       <div class="btn3 mb-5"><router-link to="/exchange" class="target-a">{{ $t("xtzcoins3.a100") }}</router-link></div>
       <div class="d-flex justify-content-between" v-for="parentItem in (marketList)" v-if="parentItem.coin_name=='USDT'">
         <div class="box" v-for="item in parentItem.marketInfoList.slice(0,5)">
-          <div>{{item.pair_name}} <span>{{item.increaseStr}}</span></div><div class="num1">{{item.increase}}</div><div>${{item.close}}</div></div>
+          <div>{{item.pair_name}} <span :class="item.increase * 1 < 0 ? 'color-sell' : 'color-buy'">{{item.increaseStr}}</span></div><div class="num1">{{item.increase}}</div><div>${{item.close}}</div>
+        </div>
       </div>
     </div>
     <div class="section-block section-block-4" v-if="isLogin">
@@ -463,7 +464,7 @@
       <div style="font-size: 20px;margin-bottom: 3rem;color: #6A6E74;">{{ $t("xtzcoins3.a20") }}</div>
       <div class="d-flex justify-content-between" style="flex-wrap:wrap;" v-for="parentItem in marketList" v-if="parentItem.coin_name=='USDT'">
         <div class="cell" v-for="item in parentItem.marketInfoList.slice(0,8)">
-          <div>￥{{ omitTo(item.close*price_cny,2) }}</div><div class="green-f">{{item.increaseStr}}</div>
+          <div>￥{{ omitTo(item.close*price_cny,2) }}</div><div :class="item.increase * 1 < 0 ? 'green-f color-sell' : 'green-f color-buy'">{{item.increaseStr}}</div>
           <div class="cell-b"><img alt="" :src="item.coin_icon" width="36" height="36" /><span>{{item.coin_name}}</span>
             <i><router-link to="/sign-in"><img src="../../../static/images/icon/right.png" alt="" style="background: #ffffff"></router-link></i>
           </div>
@@ -2488,8 +2489,11 @@ path {
   background: url('../../../static/images/banner-2.png') no-repeat;
   background-size: cover;
   .box{
-    span{
-      color: #BF3F4D;
+    .color-sell{
+      color: #ea3131;
+    }
+    .color-buy{
+      color: #60c08c;
     }
     .num1{
       font-size: 19px;
@@ -2551,7 +2555,6 @@ path {
     padding: 25px 20px;
   }
   .green-f{
-    color:#4BA272;
     font-size: 22px;
     font-weight: bold;
     // font-family: "PingFangSC-Regular, PingFang SC";