chore:在Desktop(touch)上鼠标可以拖动奖金
This commit is contained in:
@@ -1923,6 +1923,28 @@ onUnmounted(() => {
|
|||||||
position: relative;
|
position: relative;
|
||||||
margin-top: 0.8rem;
|
margin-top: 0.8rem;
|
||||||
max-height: 420px;
|
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 {
|
.table-header {
|
||||||
@@ -2606,4 +2628,12 @@ onUnmounted(() => {
|
|||||||
transition: transform 0.2s ease;
|
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>
|
</style>
|
||||||
Reference in New Issue
Block a user