feat: 为 SwitchTab 组件添加返回按钮并将其封装为全屏 van-popup 弹窗。
This commit is contained in:
+14
-8
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user