首页填充数据

src/views/home/index.vue

@@ -377,12 +377,10 @@
       <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" v-for="(parentItem, index11) in (marketList)" :key="index11">
-        <template v-if="parentItem.coin_name=='USDT'">
-          <div class="box" v-for="(item, index2) in parentItem.marketInfoList.slice(0,5)" :key="index2">
-            <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 class="d-flex justify-content-between"  :key="index11">
+          <div class="box" v-for="(item, index2) in homeList.slice(0,5)" :key="index2">
+            <div>{{item.pair}} <span :class="item.increase * 1 < 0 ? 'color-sell' : 'color-buy'">{{item.increaseStr}}</span></div><div class="num1">{{item.increase}}</div><div>${{item.price}}</div>
           </div>
-        </template>
       </div>
     </div>
     <div class="section-block section-block-4" v-if="isLogin">
@@ -401,19 +399,27 @@
       <div class="d-flex justify-content-between mb-4">
         <div style="width:25%;">
           <div class="th">{{ $t("xtzcoins3.a9") }}</div>
-          <div class="td">BNB<span>BNB</span></div><div class="td">BNB<span>BTC</span></div><div class="td">BNB<span>ETH</span></div>
+          <div class="td">{{brokenLine[0].coin_name}}<span>{{brokenLine[0].coin_name}}</span></div>
+          <div class="td">{{brokenLine[1].coin_name}}<span>{{brokenLine[1].coin_name}}</span></div>
+          <div class="td">{{brokenLine[2].coin_name}}<span>{{brokenLine[2].coin_name}}</span></div>
         </div>
         <div style="width:25%;">
           <div class="th">{{ $t("xtzcoins3.a10") }}</div>
-          <div class="td">219</div><div class="td">219</div><div class="td">219</div>
+          <div class="td">{{brokenLine[0].count}}</div>
+          <div class="td">{{brokenLine[1].count}}</div>
+          <div class="td">{{brokenLine[2].count}}</div>
         </div>
         <div style="width:25%;text-align: center;color:#BF3F4D;">
           <div class="th">{{ $t("xtzcoins3.a11") }}</div>
-          <div class="td">12%</div><div class="td">12%</div><div class="td">12%</div>
+          <div class="td">{{brokenLine[0].increaseStr}}</div>
+          <div class="td">{{brokenLine[1].increaseStr}}</div>
+          <div class="td">{{brokenLine[2].increaseStr}}</div>
         </div>
         <div style="width:25%;text-align: right;">
           <div class="th">{{ $t("xtzcoins3.a12") }}</div>
-          <div class="td">$7457M</div><div class="td">$7457M</div><div class="td">$7457M</div>
+          <div class="td">${{brokenLine[0].close}}M</div>
+          <div class="td">${{brokenLine[1].close}}M</div>
+          <div class="td">${{brokenLine[2].close}}M</div>
         </div>
       </div>
       <div v-if="!isLogin">
@@ -1165,6 +1171,7 @@ export default {
       bannerList: [],
       articleList: [],
       homeList: [],
+      brokenLine: [],
       iconList: [],
       marketList: [],
       tab: "Optional",
@@ -1229,6 +1236,7 @@ export default {
           this.bannerList = res.bannerList;
 
           this.homeList = res.homeList;
+          this.brokenLine = res.brokenLine;
           //   console.log(res.homeList);
           this.marketList = res.marketList;
           // this.calculatePath()