og/GamePortrait
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 调整 SwitchTab 和 setCamera 弹窗组件的层级结构，并优化相关显示逻辑。

Browse Source
This commit is contained in:
li 2026-01-19 17:25:53 +08:00
parent ff0f34a485
commit f988f91b3c
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/views/play.vue
View File

@ -33,27 +33,9 @@
<!-- Overlays inside Top Section --> <!-- Overlays inside Top Section -->
<div class="switchView animate__fadeIn animated0" v-if="switchtabshow">
<SwitchTab
@showSwitchtab="showSwitchtab"
:tabInfo="{
game_id: tableData && tableData.game_id,
table_id: tableData && tableData.id
}"
></SwitchTab>
</div>
<div
class="switchView camera animate__fadeIn animated0"
v-if="switchCameraShow"
>
<setCamera @showSwitchCamera="showSwitchCamera"></setCamera>
</div>
<!-- Video Overlay Controls (Moved to bottom for stacking context) -->
<div class="video-overlay-controls"> <SwitchTableButton v-if="!switchtabshow" @click="showSwitchtab(true)" />
<div class="back" @click="handleBack"></div>
<SwitchTableButton @click="showSwitchtab(true)" />
</div>
<!-- Status/Countdown Overlay (Moved to absolute end for visibility) --> <!-- Status/Countdown Overlay (Moved to absolute end for visibility) -->
<div class="status-overlay" v-if="tableData"> <div class="status-overlay" v-if="tableData">
@ -101,7 +83,7 @@
<!-- 4. Right Controls (Camera, etc.) --> <!-- 4. Right Controls (Camera, etc.) -->
<div class="nav-item right-controls"> <div class="nav-item right-controls">
<!-- Camera moved to video overlay --> <!-- Camera moved to video overlay -->
<div class="btn muise" @click="toggleAplayer"></div> <!-- <div class="btn muise" @click="toggleAplayer"></div> -->
<div class="btn menu" @click="showMenu"></div> <div class="btn menu" @click="showMenu"></div>
</div> </div>
</div> </div>
@ -201,6 +183,24 @@
</div> </div>
<!-- Moved Switch Views to Root View Level for Full Height Overlay -->
<div class="switchView animate__fadeIn animated0" v-if="switchtabshow" @click.stop>
<SwitchTab
@showSwitchtab="showSwitchtab"
:tabInfo="{
game_id: tableData && tableData.game_id,
table_id: tableData && tableData.id
}"
></SwitchTab>
</div>
<div
class="switchView camera animate__fadeIn animated0"
v-if="switchCameraShow"
>
<setCamera @showSwitchCamera="showSwitchCamera"></setCamera>
</div>
<!-- Popups --> <!-- Popups -->
<PlayTypePop class="play-type-pop"></PlayTypePop> <PlayTypePop class="play-type-pop"></PlayTypePop>
<TableInfoPop class="table-info-pop" :tableData="tableData"></TableInfoPop> <TableInfoPop class="table-info-pop" :tableData="tableData"></TableInfoPop>
@ -1368,7 +1368,7 @@ $gold: #c5a059;
height: 100%; height: 100%;
bottom: 0; bottom: 0;
right: 0; right: 0;
z-index: 100; z-index: 2010;
background: $dark-bg-secondary; background: $dark-bg-secondary;
border-top-left-radius: 0.3rem; border-top-left-radius: 0.3rem;
&.camera { width: 40%; } &.camera { width: 40%; }