u

code/g3soft-libs/docs/examples/tabs/items.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+// items 数据源：适合标签动态来自接口的场景；content 可以是字符串、VNode 或渲染函数
+import { ref } from 'vue'
+import { G3Tabs } from '@g3soft/ui'
+
+const active = ref('list')
+
+const items = [
+  { key: 'list', label: '列表', content: '列表视图内容' },
+  { key: 'board', label: '看板', content: '看板视图内容' },
+  { key: 'timeline', label: '时间线', content: '时间线视图内容' },
+]
+</script>
+
+<template>
+  <G3Tabs v-model="active" :items="items" />
+</template>