首页数据填充

src/views/home/index.vue

@@ -377,12 +377,9 @@
       <h1 class="mb-3">{{ $t("xtzcoins3.a100") }}</h1>
       <div class="mb-3">{{ $t("xtzcoins3.a66") }}</div>
       <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">
-        <div class="box"><div>VGX/USDT <span>-1.5%</span></div><div class="num1">0.848</div><div>$0.23424</div></div>
-        <div class="box"><div>VGX/USDT <span>-1.5%</span></div><div class="num1">0.848</div><div>$0.23424</div></div>
-        <div class="box"><div>VGX/USDT <span>-1.5%</span></div><div class="num1">0.848</div><div>$0.23424</div></div>
-        <div class="box"><div>VGX/USDT <span>-1.5%</span></div><div class="num1">0.848</div><div>$0.23424</div></div>
-        <div class="box"><div>VGX/USDT <span>-1.5%</span></div><div class="num1">0.848</div><div>$0.23424</div></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>
     </div>
     <div class="section-block section-block-4" v-if="isLogin">
@@ -464,40 +461,12 @@
     <div class="section-block section-block-8" v-if="!isLogin">
       <h1>{{ $t("xtzcoins3.a19") }}</h1>
       <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;">
-        <div class="cell">
-          <div>APR</div><div class="green-f">0.82-101</div>
-          <div class="cell-b"><img alt="" src="" width="36" height="36" /><span>USDT</span><i></i></div>
-        </div>
-        <div class="cell">
-          <div>APR</div><div class="green-f">0.82-101</div>
-          <div class="cell-b"><img alt="" src="" width="36" height="36" /><span>USDT</span><i></i></div>
-        </div>
-        <div class="cell">
-          <div>APR</div><div class="green-f">0.82-101</div>
-          <div class="cell-b"><img alt="" src="" width="36" height="36" /><span>USDT</span><i></i></div>
-        </div>
-        <div class="cell">
-          <div>APR</div><div class="green-f">0.82-101</div>
-          <div class="cell-b"><img alt="" src="" width="36" height="36" /><span>USDT</span><i></i></div>
-        </div>
-      </div>
-      <div class="d-flex justify-content-between" style="flex-wrap:wrap;">
-        <div class="cell">
-          <div>APR</div><div class="green-f">0.82-101</div>
-          <div class="cell-b"><img alt="" src="" width="36" height="36" /><span>USDT</span><i></i></div>
-        </div>
-        <div class="cell">
-          <div>APR</div><div class="green-f">0.82-101</div>
-          <div class="cell-b"><img alt="" src="" width="36" height="36" /><span>USDT</span><i></i></div>
-        </div>
-        <div class="cell">
-          <div>APR</div><div class="green-f">0.82-101</div>
-          <div class="cell-b"><img alt="" src="" width="36" height="36" /><span>USDT</span><i></i></div>
-        </div>
-        <div class="cell">
-          <div>APR</div><div class="green-f">0.82-101</div>
-          <div class="cell-b"><img alt="" src="" width="36" height="36" /><span>USDT</span><i></i></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 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>
         </div>
       </div>
       <div class="btn3"><router-link to="/sign-in" class="target-a">{{ $t("xtzcoins3.a21") }}</router-link></div>
@@ -1106,6 +1075,8 @@ import College from "@/api/college";
 import Member from "@/api/member";
 import * as d3 from "d3";
 import priceLine from "../market/price-line";
+import Exchange from "@/api/exchange";
+import math from "@/utils/class/math.js";
 // Vue.use(VueAwesomeSwiper);
 export default {
   components: {
@@ -1199,6 +1170,7 @@ export default {
       line: "",
       itemList: [],
       cid: '',
+      price_cny: 0,
     };
   },
   methods: {
@@ -1424,7 +1396,17 @@ export default {
     routerLink(e){
       this.cid = e;
       this.getArticleListItem();
-    }
+    },
+    // 获取汇率
+    getCurrencyExCny() {
+      let _this = this;
+      Exchange.getCurrencyExCny({
+          coin_name: "USDT",
+      }).then((res) => {
+          _this.price_cny = res.price_cny
+      })
+    },
+    omitTo: math.omitTo,
   },
   created() {
     this.indexList();
@@ -1436,6 +1418,7 @@ export default {
     }
     this.indexMarketList();
     this.getCollegeLinks();
+    this.getCurrencyExCny();
     /*
      * swiper 轮播图效果
      */