From 8673ff92e07d700dc6031178b37473ea4015aa25 Mon Sep 17 00:00:00 2001
From: liaoxinyu <liaoxinyu@xingtongworld.com>
Date: Tue, 4 Jun 2024 22:06:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/index.vue | 41 ++++++++++++++++++++++++----------------
 1 file changed, 25 insertions(+), 16 deletions(-)

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 9de9a73..af3d721 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -106,7 +106,9 @@
 			<div v-if="marketList[0]" style="width: 550px;display: flex;flex-wrap: wrap;justify-content: space-between;">
 				<div v-for="(item, index) in marketList[0].marketInfoList.slice(0,6)" :key="index" 
 				style="width: 170px;box-shadow: 0px 0px 6px 0px rgba(0, 38, 161, 0.16);border-radius: 10px;margin-bottom: 20px;padding: 15px;">
-				  <div><img style="width: 40px;height: 40px;" :src="item.coin_icon" alt=""></div>
+				  <div v-for="(items,index) in imgList" :key="index">
+					  <img style="width: 40px;height: 40px;" :src="items.coin_icon" alt="" v-if="items.coin_name==item.coin_name">
+				  </div>
 				  <div style="margin-top: 10px;">{{ item.coin_name }}</div>
 				  <div style="margin-bottom: 20px;margin-top: 5px;font-size: 14px;" 
 				  :class="item.increase * 1 >= 0 ? 'increaceAj' : 'decreaceAj'">$ {{ item.price || item.close }} USD</div>
@@ -192,8 +194,8 @@
 			<div class="started1">
 				<div class="started_div" style="margin-top: 160px;margin-bottom: 0px;">{{ $t("homeNewText.hh19") }}</div>
 				<div class="started_swiper">
-					<swiper :options="swipere" v-if="marketList[0]">
-						<swiper-slide v-for="(item, index) in marketList[0].marketInfoList.slice(0,10)" :key="index">
+					<swiper :options="swipere">
+						<swiper-slide v-for="(item,index) in imgList.slice(0,10)" :key="index">
 							<div class="InfoList">
 								<div style="font-weight: bold;width: 100px;">
 									<img :src="item.coin_icon" width="37" height="37">
@@ -204,12 +206,11 @@
 					</swiper>
 				</div>
 				<div class="started_swiper">
-					<swiper :options="swipere1" v-if="marketList[0]">
-						<swiper-slide v-for="(item, index) in marketList[0].marketInfoList.slice(3,12)" :key="index">
+					<swiper :options="swipere1">
+						<swiper-slide  v-for="(item,index) in imgList.slice(3,12)" :key="index">
 							<div class="InfoList">
 								<div style="font-weight: bold;width: 100px;">
-									<img :src="item.coin_icon" width="37" height="37" v-if="item.coin_name !== 'TRX'">
-									<img src="https://seee.ewmcoin.com/storage/images/trx.png" width="37" height="37" v-else>
+									<img :src="item.coin_icon" width="37" height="37">
 									{{ item.coin_name }}
 								</div>
 							</div>
@@ -217,12 +218,11 @@
 					</swiper>
 				</div>
 				<div class="started_swiper">
-					<swiper :options="swipere2" v-if="marketList[0]">
-						<swiper-slide v-for="(item, index) in marketList[0].marketInfoList.slice(6,15)" :key="index">
+					<swiper :options="swipere2">
+						<swiper-slide  v-for="(item,index) in imgList.slice(6,15)" :key="index">
 							<div class="InfoList">
 								<div style="font-weight: bold;width: 100px;">
-									<img :src="item.coin_icon" width="37" height="37" v-if="item.coin_name !== 'TRX'">
-									<img src="https://seee.ewmcoin.com/storage/images/trx.png" width="37" height="37" v-else>
+									<img :src="item.coin_icon" width="37" height="37">
 									{{ item.coin_name }}
 								</div>
 							</div>
@@ -230,12 +230,11 @@
 					</swiper>
 				</div>
 				<div class="started_swiper">
-					<swiper :options="swipere3" v-if="marketList[0]">
-						<swiper-slide v-for="(item, index) in marketList[0].marketInfoList.slice(8,18)" :key="index">
+					<swiper :options="swipere3">
+						<swiper-slide  v-for="(item,index) in imgList.slice(8,18)" :key="index">
 							<div class="InfoList">
 								<div style="font-weight: bold;width: 100px;">
-									<img :src="item.coin_icon" width="37" height="37" v-if="item.coin_name !== 'TRX'">
-									<img src="https://seee.ewmcoin.com/storage/images/trx.png" width="37" height="37" v-else>
+									<img :src="item.coin_icon" width="37" height="37">
 									{{ item.coin_name }}
 								</div>
 							</div>
@@ -1048,7 +1047,8 @@
 				line: '',
 				guideList: [],
 				cid: '',
-				helpList: []
+				helpList: [],
+				imgList:[]
 			};
 		},
 		methods: {
@@ -1106,6 +1106,15 @@
 						this.iconList = res.iconList;
 						this.pcBannerList = res.pcBannerList
 						this.tab = this.marketList[0].coin_name;
+						
+						this.imgList = [];
+						this.marketList[0].marketInfoList.map(item=>{
+							this.imgList.push({
+								coin_name: item.coin_name,
+								coin_icon:item.coin_icon
+							})
+						})
+						
 						// setTimeout(() => {
 						// 	this.skroll();
 						// }, 100);