From 9af3a9f16f8bac2b6487c18df0c6bee7e31f1b0a Mon Sep 17 00:00:00 2001
From: liaoxinyu <liaoxinyu@xingtongworld.com>
Date: Mon, 19 Aug 2024 09:14:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=B7=91=E9=A9=AC=E7=81=AF?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/assets/scss/module/_home.scss b/src/assets/scss/module/_home.scss
index f60ef07..144b9b9 100644
--- a/src/assets/scss/module/_home.scss
+++ b/src/assets/scss/module/_home.scss
@@ -3871,12 +3871,14 @@ sub.transmoney-value {
 }
 
 .marquee {
-  width: 100%;
+  // width: 100%;
+  width: 100vw;
   overflow: hidden;
 
   .marquee-pargress {
-    width: 200%;
-    animation: marquee 40s infinite linear;
+    width: 100%;
+    // animation: marquee 40s infinite linear;
+    animation: marquee 140s infinite linear;
   }
 
   .marquee-list {
@@ -3885,7 +3887,8 @@ sub.transmoney-value {
     color:white;
     .item {
       padding: 0 14px;
-      width: 200px;
+      // width: 200px;
+      width: 2200px;
       &.border-right{
         border-color: #4E4E5D !important;
       }
@@ -3906,7 +3909,8 @@ sub.transmoney-value {
   }
 
   100% {
-    transform: translateX(-100%);
+    transform: translateX(-500%);
+    // transform: translateX(-100%);
   }
 }
 
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 9682655..b60303b 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -350,19 +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="(item,index) in marketList[0].marketInfoList" :key="index + '' + 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"> -->
 	  		  <div class="price-info d-flex">
-	  			<div class="symbol" style="margin-right: 5px">
-	  			  <!-- {{ item.pair }} -->
+				<div>New users will be given $100 for registration. For details, please contact customer service WhatsApp 15204350079   12097488992  15717102065       15717102065.  12079028303.   17604060007</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>