ContainerTab 内容切换

适用于较大区域容器切换，container高度受父级影响100%。

示例

基本使用：

<template>
  <FContainerTab :routes="routes" :tab-list="tabList" @change="change">
    <template #content> content </template>
  </FContainerTab>
</template>

<script setup lang="ts">
const change = (v: string | number) => {
  console.log(v)
}

const routes = [
  {
    path: 'index',
    breadcrumbName: 'home',
  },
  {
    path: 'first',
    breadcrumbName: 'first',
    children: [
      {
        path: '/general',
        breadcrumbName: 'General',
      },
      {
        path: '/layout',
        breadcrumbName: 'Layout',
      },
      {
        path: '/navigation',
        breadcrumbName: 'Navigation',
      },
    ],
  },
  {
    path: 'second',
    breadcrumbName: 'second',
  },
]
const tabList = [{ title: 1 }, { title: 3 }, { title: 5 }, { title: 7 }]
</script>

API

详见Tabs组件