WeWork/vs100
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore：在Desktop(touch)中可以拖动奖品

Browse Source
This commit is contained in:
jinhhanhan
2025-11-27 17:54:27 +08:00
parent 956a4d91b1
commit e41878cfd3
1 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/BattleRanking.vue
View File

@@ -154,6 +154,7 @@
<!-- 英雄排名 --> <!-- 英雄排名 -->
<div class="individual-rankings-container"> <div class="individual-rankings-container">
<h2 class="game-subtitle">英雄排名</h2> <h2 class="game-subtitle">英雄排名</h2>
<div class="scroll-wrapper"></div>
<div class="rank-table"> <div class="rank-table">
<div class="table-header" :style="{ 'grid-template-columns': individualGridTemplate }"> <div class="table-header" :style="{ 'grid-template-columns': individualGridTemplate }">
<span class="rank-col" :style="{ textAlign: localDisplayConfig.individual?.columnAlignments?.rank || 'left' }">排名</span> <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 ? drum.style.setProperty('--drum-translate-y', isStrongBeat ?
`${(animationConfig.beatTranslateY || -15) * (1 + (patternConfig.accentAnimation || 0) / 100)}px` : `${(animationConfig.beatTranslateY || -15) * (1 + (patternConfig.accentAnimation || 0) / 100)}px` :
`${animationConfig.beatTranslateY || -15}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-brightness', isStrongBeat ? '1.4' : '1.3');
drum.style.setProperty('--drum-saturation', isStrongBeat ? '1.3' : '1.2'); drum.style.setProperty('--drum-saturation', isStrongBeat ? '1.3' : '1.2');
}); });
@@ -2055,6 +2055,7 @@ onUnmounted(() => {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.total-score-total-title { .total-score-total-title {
align-items: center; align-items: center;
@@ -2340,8 +2341,10 @@ onUnmounted(() => {
/* 英雄排名列表设置 - 根据配置决定显示行数和滚动行为 */ /* 英雄排名列表设置 - 根据配置决定显示行数和滚动行为 */
.individual-rankings-container .rank-table { .individual-rankings-container .rank-table {
overflow-x: hidden !important; overflow-x: hidden !important;
/* 禁止横向滚动 */ /* 禁止横向滚动 */
height: var(--individual-default-height, auto) !important; height: var(--individual-default-height, auto) !important;
overflow-y: var(--individual-overflow-y, 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; 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> </style>