diff --git a/src/views/BattleRanking.vue b/src/views/BattleRanking.vue index c07203f..5ebb2b3 100644 --- a/src/views/BattleRanking.vue +++ b/src/views/BattleRanking.vue @@ -1923,6 +1923,28 @@ onUnmounted(() => { position: relative; margin-top: 0.8rem; max-height: 420px; + // 只对左侧战区的.rank-table生效(通过父容器限定) + .team-rankings-container & { + -ms-overflow-style: none; /* IE/Edge 隐藏 */ + scrollbar-width: none; /* Firefox 隐藏 */ + } + // Chrome/Safari 隐藏左侧滚动条(伪元素必须单独写) + .team-rankings-container &::-webkit-scrollbar { + display: none !important; + width: 0 !important; + } + + // ========== 新增:右侧英雄排名滚动条保留原样 ========== + .individual-rankings-container & { + -ms-overflow-style: auto; /* 恢复IE/Edge默认 */ + scrollbar-width: auto; /* 恢复Firefox默认 */ + } + // Chrome/Safari 恢复右侧滚动条 + .individual-rankings-container &::-webkit-scrollbar { + display: block !important; + width: 6px !important; // 恢复默认滚动条宽度 + } + } .table-header { @@ -2606,4 +2628,12 @@ onUnmounted(() => { transition: transform 0.2s ease; } } +.team-rankings-container .rank-table { + -ms-overflow-style: none !important; + scrollbar-width: none !important; +} +.team-rankings-container .rank-table::-webkit-scrollbar { + display: none !important; + width: 0 !important; +} \ No newline at end of file