还原以前币滚动

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%);
   }
 }
 

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>