From 29703e65b408fa5a6950bbc9ae361bce5f356a5d Mon Sep 17 00:00:00 2001
From: wx <645899409@qq.com>
Date: Wed, 18 Mar 2026 14:26:52 +0800
Subject: [PATCH] =?UTF-8?q?1.=E4=BF=AE=E6=94=B9=E6=8E=92=E5=90=8D=E8=B5=B0?=
 =?UTF-8?q?=E9=A9=AC=E7=81=AF=E9=80=BB=E8=BE=91=EF=BC=8C=E5=93=AA=E6=80=95?=
 =?UTF-8?q?=E5=8F=AA=E6=9C=89=E4=B8=80=E6=9D=A1=E6=95=B0=E6=8D=AE=E4=B9=9F?=
 =?UTF-8?q?=E8=A6=81=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/dataBoard/dataBoard.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/dataBoard/dataBoard.vue b/src/views/dataBoard/dataBoard.vue
index 1816e0d..05ac2a2 100644
--- a/src/views/dataBoard/dataBoard.vue
+++ b/src/views/dataBoard/dataBoard.vue
@@ -56,9 +56,9 @@
             </span>
             </div>
             <div class="scroll-container">
-                <div class="scroll-content" :style="animationCss" :class="[listData.length > 6 ? 'animal-css' : '']">
-<!--                <div class="scroll-content" :style="animationCss">-->
-                    <div v-for="(item,index) in listData.concat(listData.length > 6 ? listData : [])" :key="`top-list-data-${index}`">
+<!--                <div class="scroll-content animal-css" :style="animationCss">-->
+                <div class="scroll-content" :style="animationCss" :class="[listData.length > 0 ? 'animal-css' : '']">
+                    <div v-for="(item,index) in listData" :key="`top-list-data-${index}`">
                         <img style="border-radius: 8px" :src="item.faceUrl || require('@/assets/images/bigScreen/user.png')" alt="" />
                         {{preName(item.name)}} {{item.userScore}}分 第{{(index % listData.length)+1}}名；
                     </div>
@@ -239,9 +239,9 @@
         },
         computed: {
             animationCss() {
-                return this.listData && this.listData.length > 6 ? {
+                return this.listData && this.listData.length > 0 ? {
                     // animationName: 'scroll',
-                    animationDuration: this.listData.length * 3 + 's',
+                    animationDuration: (this.listData.length * 3 < 10 ? 10 : this.listData.length * 3) + 's',
                     animationTimingFunction: 'linear',
                     animationIterationCount: 'infinite'
                 } : {}
@@ -928,7 +928,7 @@
     }
 
     .animal-css {
-        animation: scroll 40s linear infinite;
+        animation: scroll;
     }
 
     @keyframes scroll {