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 @@

英雄排名

+
排名 @@ -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; + } +} \ No newline at end of file