Tabs 标签页

<Tabs v-model="tab" :items="[
  { label: '拓扑概览', value: 'overview' },
  { label: '性能监控', value: 'monitoring' },
  { label: '安全策略', value: 'settings', disabled: true }
]">
  <TabsContent value="overview">
    <div class="mt-3 p-4 rounded-lg bg-slate-50 dark:bg-slate-900/40 ring-1 ring-inset ring-slate-200/60 dark:ring-slate-800/60 text-sm">
      当前已挂载 128 个全球边缘计算节点，平均端到端延迟 12ms。
    </div>
  </TabsContent>
  <TabsContent value="monitoring">
    <div class="mt-3 p-4 rounded-lg bg-slate-50 dark:bg-slate-900/40 ring-1 ring-inset ring-slate-200/60 dark:ring-slate-800/60 text-sm">
      CPU 平均利用率 28%，内存占用 42%，无丢包记录。
    </div>
  </TabsContent>
</Tabs>