From 211d66e4c212da424e5f67fe274e3a512ca25d25 Mon Sep 17 00:00:00 2001
From: li <ljf@com>
Date: Mon, 19 Jan 2026 22:18:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BA=20SwitchTab=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=B7=BB=E5=8A=A0=E8=BF=94=E5=9B=9E=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E5=B9=B6=E5=B0=86=E5=85=B6=E5=B0=81=E8=A3=85=E4=B8=BA=E5=85=A8?=
 =?UTF-8?q?=E5=B1=8F=20`van-popup`=20=E5=BC=B9=E7=AA=97=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SwitchTab2.vue | 30 ++++++++++++++++++++++++++++++
 src/views/play.vue            | 22 ++++++++++++++--------
 2 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/src/components/SwitchTab2.vue b/src/components/SwitchTab2.vue
index d2fb5730..91ab9440 100644
--- a/src/components/SwitchTab2.vue
+++ b/src/components/SwitchTab2.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="switchtab">
     <div class="nav">
+      <div class="back-btn" @click="close">
+        <span class="icon">←</span>
+        <span class="text">返回</span>
+      </div>
       <div
         class="li good"
         :class="{ active: active == 0 }"
@@ -94,6 +98,32 @@ $text-secondary: #888;
     border-bottom: 1px solid $border-color;
     flex-shrink: 0;
 
+    .back-btn {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      padding: 0 16px;
+      height: 100%;
+      color: $gold;
+      font-weight: 600;
+      cursor: pointer;
+      border-right: 1px solid $border-color;
+      transition: all 0.3s;
+
+      .icon {
+        font-size: 18px;
+      }
+
+      &:hover {
+        background: $dark-bg-secondary;
+        color: lighten($gold, 10%);
+      }
+
+      &:active {
+        opacity: 0.7;
+      }
+    }
+
     .li {
       flex: 1;
       height: 100%;
diff --git a/src/views/play.vue b/src/views/play.vue
index 5c5b2144..a221241f 100644
--- a/src/views/play.vue
+++ b/src/views/play.vue
@@ -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 */