-
-
-
- Tab 1
-
-
-
-
- Tab 2
-
-
-
-
- Tab 3
-
-
-
-
- Tab 4
-
-
-
-
- Tab 5
-
-
-
-
- Tab 6
-
-
-
-
- Tab 7
-
-
-
-
- Tab 8
-
-
-
+
+
+
+
+ Tab 1
+
+
+
+
+ Tab 2
+
+
+
+
+ Tab 3
+
+
+
+
+ Tab 4
+
+
+
+
+ Tab 5
+
+
+
+
+ Tab 6
+
+
+
+
+ Tab 7
+
+
+
+
+ Tab 8
+
+
+
+
diff --git a/packages/vant/src/tabs/Tabs.tsx b/packages/vant/src/tabs/Tabs.tsx
index 5f20e1f67..f32cfc06b 100644
--- a/packages/vant/src/tabs/Tabs.tsx
+++ b/packages/vant/src/tabs/Tabs.tsx
@@ -384,10 +384,11 @@ export default defineComponent({
};
const renderHeader = () => {
- const { type, border } = props;
- return (
+ const { type, border, sticky } = props;
+
+ const Header = [
-
- );
+
,
+ slots['nav-bottom']?.(),
+ ];
+
+ if (sticky) {
+ return
{Header}
;
+ }
+ return Header;
};
watch([() => props.color, windowWidth], setLine);
@@ -486,10 +493,9 @@ export default defineComponent({
onScroll={onStickyScroll}
>
{renderHeader()}
- {slots['nav-bottom']?.()}
) : (
- [renderHeader(), slots['nav-bottom']?.()]
+ renderHeader()
)}