From f4524ad6fdb4d9125ae981ce48987e3035324ba6 Mon Sep 17 00:00:00 2001
From: zqm <zqm@example.com>
Date: Wed, 5 Nov 2025 16:13:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=85=A8=E6=8C=89=E7=85=A7Panel?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=A0=8F=E7=BB=93=E6=9E=84=E9=87=8D=E6=9E=84?=
 =?UTF-8?q?TabPage=E6=A0=87=E7=AD=BE=E5=B8=83=E5=B1=80=EF=BC=9A=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E5=B5=8C=E5=A5=97flex=E5=AE=B9=E5=99=A8=E5=92=8Cjusti?=
 =?UTF-8?q?fy-between=E7=A1=AE=E4=BF=9D=E6=A0=87=E9=A2=98=E9=9D=A0?=
 =?UTF-8?q?=E5=B7=A6=E3=80=81=E5=85=B3=E9=97=AD=E6=8C=89=E9=92=AE=E9=9D=A0?=
 =?UTF-8?q?=E5=8F=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Robot/Web/src/DockLayout/TabPage.vue      | 37 +++++++++++--------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
index 53b6eed..bb015be 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
@@ -8,18 +8,22 @@
         :class="['tab-item', { 'active': activeTabIndex === index }]"
         @click="setActiveTab(index)"
       >
-        <div class="relative w-full">
-          <span class="tab-title">{{ panel.title }}</span>
-          <button 
-            class="button-icon p-[2px] rounded hover:opacity-100 opacity-80 absolute right-0"
-            @click.stop="closeTab(panel.id)"
-            aria-label="关闭"
-          >
-            <svg width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">
-              <line x1="2" y1="2" x2="9" y2="9" stroke="#e6efff" stroke-width="1" />
-              <line x1="2" y1="9" x2="9" y2="2" stroke="#e6efff" stroke-width="1" />
-            </svg>
-          </button>
+        <div class="flex items-center justify-between w-full px-16">
+          <div class="flex items-center">
+            <span class="tab-title">{{ panel.title }}</span>
+          </div>
+          <div class="tab-buttons flex items-center">
+            <button 
+              class="button-icon p-[2px] rounded hover:opacity-100 opacity-80"
+              @click.stop="closeTab(panel.id)"
+              aria-label="关闭"
+            >
+              <svg width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">
+                <line x1="2" y1="2" x2="9" y2="9" stroke="#e6efff" stroke-width="1" />
+                <line x1="2" y1="9" x2="9" y2="2" stroke="#e6efff" stroke-width="1" />
+              </svg>
+            </button>
+          </div>
         </div>
       </div>
       <div class="tab-placeholder"></div>
@@ -103,7 +107,6 @@ const closeTab = (tabId) => {
   display: flex;
   align-items: center;
   height: 26px;
-  padding: 0 16px;
   margin-left: 1px;
   background: linear-gradient(to bottom, var(--vs-blue-top), var(--vs-blue-bottom));
   border-bottom-color: #c7d2ea;
@@ -113,7 +116,6 @@ const closeTab = (tabId) => {
   color: white;
   font-size: 12px;
   user-select: none;
-  position: relative;
   min-width: 120px;
 }
 
@@ -123,7 +125,6 @@ const closeTab = (tabId) => {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-right: 20px; /* 为关闭按钮留出空间 */
 }
 
 .tab-item.active {
@@ -145,6 +146,11 @@ const closeTab = (tabId) => {
   color: #333;
 }
 
+.tab-buttons {
+  display: flex;
+  align-items: center;
+}
+
 .button-icon {
   background: transparent;
   border: none;
@@ -152,7 +158,6 @@ const closeTab = (tabId) => {
   display: flex;
   align-items: center;
   justify-content: center;
-  flex-shrink: 0;
 }
 
 /* 确保在活动标签页中的按钮样式正确 */