ysc/thebet365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(theme-2): 修复详情页顶部导航栏上方的空白边距及滚动内容穿透问题

Browse Source
This commit is contained in:
Mars
2026-06-18 10:54:18 +08:00
parent f4c71b22f2
commit 33e7092b77
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/player/src/layouts/MainLayout.vue
View File

@@ -172,7 +172,7 @@ watch(
/> />
</div> </div>
<main ref="mainRef" :class="['main', { 'has-nav': showBottomNav }]"> <main ref="mainRef" :class="['main', { 'has-nav': showBottomNav, 'main--detail': isDetailPage }]">
<RouterView v-slot="{ Component, route: viewRoute }"> <RouterView v-slot="{ Component, route: viewRoute }">
<KeepAlive v-if="viewRoute.meta.keepAlive" :max="10"> <KeepAlive v-if="viewRoute.meta.keepAlive" :max="10">
<component :is="Component" :key="viewRoute.path" /> <component :is="Component" :key="viewRoute.path" />
@@ -349,6 +349,9 @@ watch(
.main.has-nav { .main.has-nav {
padding-bottom: 16px; padding-bottom: 16px;
} }
.main.main--detail {
padding-top: 0;
}
.bottom-nav { .bottom-nav {
display: flex; display: flex;