From 57403cdf47fce4888f11e703480436d2675fb6df Mon Sep 17 00:00:00 2001
From: zhangqingwu <18656007202@163.com>
Date: Tue, 23 Jul 2024 11:42:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20update=20commnets?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 1000h-portal/components/Comments.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/1000h-portal/components/Comments.vue b/1000h-portal/components/Comments.vue
index 6438b819..7a6932ae 100644
--- a/1000h-portal/components/Comments.vue
+++ b/1000h-portal/components/Comments.vue
@@ -11,7 +11,11 @@
 
     <div class="items-container">
       <div class="items">
-        <div v-for="(item, index) in comments" :key="index" class="item">
+        <div
+          v-for="(item, index) in [...comments, ...comments]"
+          :key="index"
+          class="item"
+        >
           <img class="quote" src="/portal-static/icon/double-quote.svg" />
 
           <div class="top">
@@ -186,7 +190,7 @@ async function requestUserInfo() {
     display: flex;
     flex-wrap: nowrap;
     gap: 16px;
-    animation: scroll 30s linear infinite;
+    animation: scroll 60s linear infinite;
 
     &:hover {
       animation-play-state: paused;
@@ -196,7 +200,7 @@ async function requestUserInfo() {
       padding: 24px;
       border-radius: 4px;
       background: #fff;
-      min-width: 340px;
+      flex: 0 0 340px;
       position: relative;
 
       .quote {
@@ -234,10 +238,10 @@ async function requestUserInfo() {
 
 @keyframes scroll {
   0% {
-    transform: translateX(20%);
+    transform: translateX(0);
   }
   100% {
-    transform: translateX(-80%);
+    transform: translateX(-3916px);
   }
 }
 </style>