From 5c75c9873498ff6e32c587eecccdb6ec0cc4f34e Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Fri, 19 Dec 2025 10:43:53 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=B8=B8=E6=88=8F=E7=8E=8B=E6=A6=9C?=
 =?UTF-8?q?=E5=8D=95):=20=E9=98=BF=E8=AF=AD=E5=8C=BA=E5=90=8D=E7=A7=B0?=
 =?UTF-8?q?=E8=B4=A1=E7=8C=AE=E5=80=BC=E8=AE=BE=E7=BD=AE=E5=90=91=E5=8F=B3?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Ranking/GamesKing/components/topUser.vue  | 32 +++++++++++++++++--
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/views/Ranking/GamesKing/components/topUser.vue b/src/views/Ranking/GamesKing/components/topUser.vue
index c066fb8..ba5e6cd 100644
--- a/src/views/Ranking/GamesKing/components/topUser.vue
+++ b/src/views/Ranking/GamesKing/components/topUser.vue
@@ -85,7 +85,7 @@
             </div>
 
             <!-- 第二套内容，间隔30px -->
-            <div class="scroll-content" style="margin-left: 30px">
+            <div class="scroll-content">
               <div
                 style="color: #fff; font-weight: 700; white-space: nowrap"
                 :class="textSizeClass"
@@ -271,8 +271,6 @@ const isTopOne = computed(() => {
 .scroll-wrapper {
   display: flex;
   width: fit-content;
-  animation: scroll-left 5s linear infinite;
-  will-change: transform;
 }
 
 .scroll-content {
@@ -290,6 +288,34 @@ const isTopOne = computed(() => {
   }
 }
 
+@keyframes scroll-right {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(calc(50%));
+  }
+}
+
+[dir='ltr'] .scroll-content {
+  margin-left: 30px;
+}
+
+[dir='rtl'] .scroll-content {
+  margin-left: auto;
+  margin-right: 30px;
+}
+
+[dir='ltr'] .scroll-wrapper {
+  animation: scroll-left 5s linear infinite;
+  will-change: transform;
+}
+
+[dir='rtl'] .scroll-wrapper {
+  animation: scroll-right 5s linear infinite;
+  will-change: transform;
+}
+
 @media screen and (max-width: 360px) {
   * {
     font-size: 10px;