<template>
<f-container :routes="routes">
<template #content>
<div class="demo-content">承载内容区域</div>
</template>
</f-container>
</template>
<script setup lang="ts">
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',
},
]
</script>
<style lang="scss" scoped>
.demo-content {
height: 300px;
display: flex;
justify-content: center;
align-items: center;
}
</style>
