From 984143ef3eff8e9658fbdee33b64dea9cf99e29e Mon Sep 17 00:00:00 2001
From: liaoxinyu <liaoxinyu@xingtongworld.com>
Date: Tue, 8 Oct 2024 11:39:13 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=98=E5=8E=9F=E4=BB=A5=E5=89=8D=E5=B8=81?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/module/_home.scss | 16 ++++++++--------
 src/views/home/index.vue          | 16 ++++++++--------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/assets/scss/module/_home.scss b/src/assets/scss/module/_home.scss
index 053dd81..478138d 100644
--- a/src/assets/scss/module/_home.scss
+++ b/src/assets/scss/module/_home.scss
@@ -3871,14 +3871,14 @@ sub.transmoney-value {
 }
 
 .marquee {
-  // width: 100%;
-  width: 100vw;
+  width: 100%;
+  // width: 100vw;
   overflow: hidden;
 
   .marquee-pargress {
     width: 100%;
-    // animation: marquee 40s infinite linear;
-    animation: marquee 140s infinite linear;
+    animation: marquee 30s infinite linear;
+    // animation: marquee 140s infinite linear;
   }
 
   .marquee-list {
@@ -3887,8 +3887,8 @@ sub.transmoney-value {
     color:white;
     .item {
       padding: 0 14px;
-      // width: 200px;
-      width: 1200px;
+      width: 200px;
+      // width: 1200px;
       &.border-right{
         border-color: #4E4E5D !important;
       }
@@ -3909,8 +3909,8 @@ sub.transmoney-value {
   }
 
   100% {
-    transform: translateX(-500%);
-    // transform: translateX(-100%);
+    // transform: translateX(-500%);
+    transform: translateX(-100%);
   }
 }
 
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ff5bb13..ee2e75d 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -350,21 +350,21 @@
 	  <div class="marquee" v-if="marketList[0]">
 	  	<div class="marquee-pargress d-flex">
 	  	  <ul class="marquee-list d-flex" v-for="box in 4" :key="box+'box'">
-	  		<li class="item" v-for="box1 in 4" :key="box1+'box'">
+	  		<!-- <li class="item" v-for="box1 in 4" :key="box1+'box'"> -->
 	  		<!-- <li class="item" v-for="(item,index) in marketList[0].marketInfoList" :key="index + '' + box"> -->
-	  		<!-- <li class="item" v-for="item in marketList[0].marketInfoList" :key="item.coin_name + '' + box"> -->
+	  		<li class="item" v-for="item in marketList[0].marketInfoList" :key="item.coin_name + '' + box">
 	  		  <div class="price-info d-flex">
-				<div>New users will be given $100 for registration. For details, please contact customer service WhatsApp</div>
-	  			<!-- <div class="symbol" style="margin-right: 5px">
+				<!-- <div>New users will be given $100 for registration. For details, please contact customer service WhatsApp</div> -->
+	  			<div class="symbol" style="margin-right: 5px">
 	  			  {{ item.pair }}
 	  			  {{ item.pair_name }}
-	  			</div> -->
-	  			<!-- <div class="d-flex">
-	  			  <span>${{ item.price||item.close }}</span>
+	  			</div>
+	  			<div class="d-flex">
+	  			  <!-- <span>${{ item.price||item.close }}</span> -->
 	  			  <span :class="item.increase >= 0 ? 'increace' : 'decreace'">
 	  				({{ item.increaseStr }})
 	  			  </span>
-	  			</div> -->
+	  			</div>
 	  		  </div>
 	  		</li>
 	  	  </ul>