feat: 页面标签组件优化

2026-07-28 14:44:11 +08:00
parent 880f986b8a
commit aaa3710314
2 changed files with 40 additions and 43 deletions
@@ -71,12 +71,12 @@ const PageTabs = defineComponent({
                </svg>
              </div>

-              {/* 标签文字（flex 子元素，与关闭按钮同行） */}
-              <div class={styles.tabTitle}>{tab.title}</div>
-
-              {/* 关闭按钮（flex 子元素，不参与 shrink） */}
-              <div class={styles.tabClose} onClick={(e: Event) => handleClose(tab.path, e)}>
-                ✕
+              {/* 标签内容：hover 背景包裹文字 + 关闭按钮 */}
+              <div class={styles.tabContent}>
+                <div class={styles.tabTitle}>{tab.title}</div>
+                <div class={styles.tabClose} onClick={(e: Event) => handleClose(tab.path, e)}>
+                  ✕
+                </div>
              </div>
            </div>
          );