chore:在Desktop(touch)上鼠标可以拖动奖金 #2
@@ -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;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user