From 32cb0e5676ee83bd42b36d7145132a28e97f829f Mon Sep 17 00:00:00 2001
From: zqm <zqm@example.com>
Date: Wed, 5 Nov 2025 10:59:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96TabPage=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=9A1.=20=E6=B7=BB=E5=8A=A0justify-conte?=
 =?UTF-8?q?nt:=20space-between=E5=AE=9E=E7=8E=B0=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E9=9D=A0=E5=B7=A6=E6=8C=89=E9=92=AE=E9=9D=A0=E5=8F=B3=EF=BC=9B?=
 =?UTF-8?q?2.=20=E5=B0=86=E8=83=8C=E6=99=AF=E8=89=B2=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA#f0f0f0=E4=B8=8EAreas=E6=A0=87=E9=A2=98=E6=A0=8F?=
 =?UTF-8?q?=E4=B8=80=E8=87=B4=EF=BC=9B3.=20=E4=BC=98=E5=8C=96active?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=A0=B7=E5=BC=8F=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=93=9D=E8=89=B2=E4=B8=8A=E8=BE=B9=E6=A1=86=EF=BC=9B4.=20?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=85=B3=E9=97=AD=E6=8C=89=E9=92=AE=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Windows/Robot/Web/src/DockLayout/TabPage.vue   | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
index c5fa024..e081b3a 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue
@@ -84,10 +84,11 @@ const closeTab = (tabId) => {
 .tab-item {
   display: flex;
   align-items: center;
+  justify-content: space-between;
   height: 26px;
   padding: 0 16px;
   margin-left: 1px;
-  background: #e8e8e8;
+  background: #f0f0f0;
   border: 1px solid #c7d2ea;
   border-bottom-color: #c7d2ea;
   border-radius: 3px 3px 0 0;
@@ -100,7 +101,10 @@ const closeTab = (tabId) => {
 
 .tab-item.active {
   background: #ffffff;
+  border: 1px solid #c7d2ea;
   border-bottom-color: #ffffff;
+  border-top-width: 2px;
+  border-top-color: #0078d7;
   font-weight: 500;
 }
 
@@ -114,11 +118,11 @@ const closeTab = (tabId) => {
 
 .tab-close {
   margin-left: 8px;
-  font-size: 16px;
-  color: #666;
+  font-size: 14px;
+  color: #333;
   cursor: pointer;
-  padding: 0 2px;
-  border-radius: 1px;
+  padding: 0 4px;
+  border-radius: 2px;
 }
 
 .tab-close:hover {