From e41878cfd33254653518a8444ac6d97d1f1d4b2b Mon Sep 17 00:00:00 2001
From: jinhhanhan <1683105490@qq.com>
Date: Thu, 27 Nov 2025 17:54:27 +0800
Subject: [PATCH] =?UTF-8?q?chore=EF=BC=9A=E5=9C=A8Desktop(touch)=E4=B8=AD?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E6=8B=96=E5=8A=A8=E5=A5=96=E5=93=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/BattleRanking.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/views/BattleRanking.vue b/src/views/BattleRanking.vue
index 15963ed..5b714f4 100644
--- a/src/views/BattleRanking.vue
+++ b/src/views/BattleRanking.vue
@@ -154,6 +154,7 @@
           <!-- 英雄排名 -->
           <div class="individual-rankings-container">
             <h2 class="game-subtitle">英雄排名</h2>
+              <div class="scroll-wrapper"></div>
             <div class="rank-table">
               <div class="table-header" :style="{ 'grid-template-columns': individualGridTemplate }">
                 <span class="rank-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.rank || 'left' }">排名</span>
@@ -1036,8 +1037,7 @@ const startDrumAnimation = () => {
       drum.style.setProperty('--drum-translate-y', isStrongBeat ?
         `${(animationConfig.beatTranslateY || -15) * (1 + (patternConfig.accentAnimation || 0) / 100)}px` :
         `${animationConfig.beatTranslateY || -15}px`);
-    drum.style.setProperty('--drum-rotate', `${animationConfig.beatRotate || 5}deg`);
-
+      drum.style.setProperty('--drum-rotate', `${animationConfig.beatRotate || 5}deg`);
       drum.style.setProperty('--drum-brightness', isStrongBeat ? '1.4' : '1.3');
       drum.style.setProperty('--drum-saturation', isStrongBeat ? '1.3' : '1.2');
     });
@@ -2055,6 +2055,7 @@ onUnmounted(() => {
 }
 
 @media (max-width: 768px) {
+  
 
     .total-score-total-title {
       align-items: center;
@@ -2340,8 +2341,10 @@ onUnmounted(() => {
   
   /* 英雄排名列表设置 - 根据配置决定显示行数和滚动行为 */
     .individual-rankings-container .rank-table {
+    
       overflow-x: hidden !important;
       /* 禁止横向滚动 */
+      
       height: var(--individual-default-height, auto) !important;
       overflow-y: var(--individual-overflow-y, auto) !important;
       /* 确保英雄排名列表隐藏滚动条 */
@@ -2539,4 +2542,20 @@ onUnmounted(() => {
     text-shadow: 0 0 20px rgba(255, 215, 0, 0.8) !important;
   }
 }
+/* ========== 移动端英雄榜滚动修复 ========== */
+@media (max-width: 768px) {
+  .individual-rankings-container .scroll-wrapper {
+    max-height: 60vh;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .individual-rankings-container .scroll-wrapper::-webkit-scrollbar {
+    display: none;
+  }
+  .individual-rankings-container .rank-table {
+    min-height: auto !important;
+    max-height: none !important;
+    height: auto !important;
+  }
+}
 </style>
\ No newline at end of file