From 53df6471aaf70ba3ca971852030044789d2a504f Mon Sep 17 00:00:00 2001
From: wanghongjun <1445693971@qq,com>
Date: Mon, 15 May 2023 21:32:22 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=A1=AB=E5=85=85=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/index.vue | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 3ddee75..45ae440 100644
--- a/src/views/home/index.vue
+++ b/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()