From c3901e37723dc8baee3c81bee96363922af85319 Mon Sep 17 00:00:00 2001
From: liuyun <liuyun@192.168.1.39>
Date: Fri, 16 Oct 2026 11:18:09 +0800
Subject: [PATCH] =?UTF-8?q?style(layout):=20=E9=A1=B5=E7=AD=BE=E6=94=B9?=
 =?UTF-8?q?=E4=B8=BA=E8=83=B6=E5=9B=8A=E7=9B=92=E5=AD=90=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 圆角盒子 + tab 间距，当前页签主色浅底+主色浅边框
- 保留底部条分隔线、关闭图标仅当前页签

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/ty-tabs.vue | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/ty-tabs.vue b/src/components/ty-tabs.vue
index 94c94d8..f2828c4 100644
--- a/src/components/ty-tabs.vue
+++ b/src/components/ty-tabs.vue
@@ -97,7 +97,8 @@ onBeforeUnmount(() => document.removeEventListener('click', closeMenu))
 
 <style scoped lang="scss">
 .ty-tabs {
-  @apply bg-bg-base;
+  @apply bg-bg-base border-b border-solid;
+  border-color: var(--wm-border-color-light);
 
   :deep(.el-tabs__header) {
     @apply m-0 px-2;
@@ -108,25 +109,32 @@ onBeforeUnmount(() => document.removeEventListener('click', closeMenu))
   }
 
   :deep(.el-tabs__nav-wrap::after) {
-    height: 1px;
-    background: var(--wm-border-color-light);
+    @apply hidden;
+  }
+
+  :deep(.el-tabs__active-bar) {
+    @apply hidden;
   }
 
   :deep(.el-tabs__item) {
-    @apply h-9 px-3 text-sm text-text-regular;
+    @apply mr-1 h-8 rounded-base px-3 text-sm text-text-regular;
+    border: 1px solid transparent;
   }
 
   :deep(.el-tabs__item:hover) {
     color: var(--el-color-primary);
+    @apply bg-bg-page;
   }
 
   :deep(.el-tabs__item.is-active) {
     color: var(--el-color-primary);
+    background: var(--el-color-primary-light-9);
+    border-color: var(--el-color-primary-light-5);
   }
 
   :deep(.el-tabs__nav-prev),
   :deep(.el-tabs__nav-next) {
-    @apply h-9 text-text-regular;
+    @apply h-8 text-text-regular;
   }
 }