From e4d75038b9e1d2bb01e15f1510f4d4132cf311ba Mon Sep 17 00:00:00 2001
From: estel <690930@qq.com>
Date: Mon, 28 Jul 2025 13:07:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E6=A0=87=E7=AD=BE=E5=A4=B4?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/content/ETabs.vue | 35 ++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 app/components/content/ETabs.vue

diff --git a/app/components/content/ETabs.vue b/app/components/content/ETabs.vue
new file mode 100644
index 0000000..116d2f4
--- /dev/null
+++ b/app/components/content/ETabs.vue
@@ -0,0 +1,35 @@
+<template>
+  <UTabs :items="tabItems" :default-index="0" class="w-full">
+    <template v-for="(item, index) in tabItems" :key="index" #[item.slot] #content="{ index }" >
+      <div class="mt-4">
+        <slot :name="item.slot" />
+      </div>
+    </template>
+  </UTabs>
+</template>
+
+<script setup lang="ts">
+import type { TabsItem } from '@nuxt/ui'
+
+const slots = useSlots()
+
+// Process slots to create tab items
+const tabItems = computed(() => {
+  const defaultSlots = slots.default?.() || []
+  
+  return defaultSlots
+    .filter(slot => slot.type === 'div' && slot.props)
+    .map((slot, index) => {
+      const label = slot.props?.label || `Tab ${index + 1}`
+      const icon = slot.props?.icon
+      const slotName = `tab-${index}` as const
+      
+      return {
+        label,
+        icon,
+        slot: slotName
+      } satisfies TabsItem
+    })
+})
+</script>
+  
\ No newline at end of file