From 97543e297fb695f21c1035a01a48df47f16516f8 Mon Sep 17 00:00:00 2001 From: zqm Date: Wed, 5 Nov 2025 11:15:16 +0800 Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E9=99=A4TabPage=E6=A0=87=E7=AD=BE?= =?UTF-8?q?=E9=A1=B5=E4=B8=8EPanel=E4=B9=8B=E9=97=B4=E7=9A=84=E8=BE=B9?= =?UTF-8?q?=E8=B7=9D=EF=BC=9A1.=20=E7=A7=BB=E9=99=A4tab-header=E5=BA=95?= =?UTF-8?q?=E9=83=A8=E8=BE=B9=E6=A1=86=EF=BC=9B2.=20=E7=A7=BB=E9=99=A4tab-?= =?UTF-8?q?item=E5=BA=95=E9=83=A8=E8=BE=B9=E6=A1=86=EF=BC=9B3.=20=E5=9C=A8?= =?UTF-8?q?tab-content=E9=A1=B6=E9=83=A8=E6=B7=BB=E5=8A=A0=E8=BE=B9?= =?UTF-8?q?=E6=A1=86=E5=B9=B6=E8=AE=BE=E7=BD=AE=E8=B4=9F=E4=B8=8A=E8=BE=B9?= =?UTF-8?q?=E8=B7=9D=EF=BC=9B4.=20=E7=A7=BB=E9=99=A4tab-placeholder?= =?UTF-8?q?=E5=BA=95=E9=83=A8=E8=BE=B9=E6=A1=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue index 1663e1d..2f8804c 100644 --- a/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue +++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/TabPage.vue @@ -80,7 +80,7 @@ const closeTab = (tabId) => { flex-wrap: nowrap; height: 28px; background: #f0f0f0; - border-bottom: 1px solid #c7d2ea; + border-bottom: none; overflow-x: auto; overflow-y: hidden; padding-top: 2px; @@ -95,7 +95,7 @@ const closeTab = (tabId) => { margin-left: 1px; background: linear-gradient(to bottom, var(--vs-blue-top), var(--vs-blue-bottom)); border: 1px solid #c7d2ea; - border-bottom-color: #c7d2ea; + border-bottom: none; border-radius: 3px 3px 0 0; cursor: pointer; white-space: nowrap; @@ -107,7 +107,7 @@ const closeTab = (tabId) => { .tab-item.active { background: #ffffff; border: 1px solid #c7d2ea; - border-bottom-color: #ffffff; + border-bottom: none; border-top-width: 2px; border-top-color: #0078d7; color: #333; @@ -143,7 +143,7 @@ const closeTab = (tabId) => { height: 26px; margin-left: 1px; border: 1px solid transparent; - border-bottom-color: #c7d2ea; + border-bottom: none; } /* 内容区域样式 */ @@ -151,6 +151,8 @@ const closeTab = (tabId) => { flex: 1; position: relative; overflow: hidden; + border-top: 1px solid #c7d2ea; + margin-top: -1px; } .tab-panel {