feat: tab 改进

8aka-Team · Nov 15, 2024 · 470718b · 470718b
1 parent e448c17
commit 470718b
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/.vitepress/theme/components/nitwikit-ui/packages/tabs/tab.vue b/.vitepress/theme/components/nitwikit-ui/packages/tabs/tab.vue
@@ -29,6 +29,10 @@ onMounted(() => {
   if (props.defaultValue) {
     tabValue.value = props.defaultValue
   }
+
+  if (tabValue.value === '' && tabItems.value.length !== 0) {
+    tabValue.value = tabItems.value[0].value
+  }
 })
 
 provide<TabProvide['$store']>("$store", { tabValue, tabItems })
@@ -56,6 +60,7 @@ type TabItem = Record<'label' | 'value', string>;
   width: 100%;
   display: flex;
   flex-direction: column;
+  margin: 15px 0;
 
   &__header {
     display: flex;