feat: 为 SwitchTab 组件添加返回按钮并将其封装为全屏 van-popup 弹窗。

This commit is contained in:
li
2026-01-19 22:18:07 +08:00
parent f988f91b3c
commit 211d66e4c2
2 changed files with 44 additions and 8 deletions
+14 -8
View File
@@ -184,7 +184,14 @@
</div>
<!-- Moved Switch Views to Root View Level for Full Height Overlay -->
<div class="switchView animate__fadeIn animated0" v-if="switchtabshow" @click.stop>
<van-popup
v-model:show="switchtabshow"
position="bottom"
:style="{ height: '100%' }"
:overlay="true"
:close-on-click-overlay="false"
@click.stop
>
<SwitchTab
@showSwitchtab="showSwitchtab"
:tabInfo="{
@@ -192,7 +199,7 @@
table_id: tableData && tableData.id
}"
></SwitchTab>
</div>
</van-popup>
<div
class="switchView camera animate__fadeIn animated0"
v-if="switchCameraShow"
@@ -1363,15 +1370,14 @@ $gold: #c5a059;
/* Switch Views (Camera/Tables)Overlay */
.switchView {
position: absolute;
width: 60%;
position: fixed;
width: 100%;
height: 100%;
bottom: 0;
right: 0;
top: 0;
left: 0;
z-index: 2010;
background: $dark-bg-secondary;
border-top-left-radius: 0.3rem;
&.camera { width: 40%; }
&.camera { width: 40%; position: absolute; bottom: 0; right: 0; border-top-left-radius: 0.3rem; }
}
/* Separated Video Controls */