ZeniCore Nuxt

布局系统

框架内置四种布局模板，满足不同场景需求。

<script setup lang="ts">
definePageMeta({
  layout: 'admin'
})
</script>

<AppHeader />

<AppSidebar :collapsed="collapsed" @toggle="toggleSidebar" />

Props: collapsed - boolean 是否折叠

Events: toggle - 切换折叠状态

<PageHeader title="页面标题" subtitle="副标题">
  <template #actions>
    <ZButton type="primary">操作按钮</ZButton>
  </template>
</PageHeader>

Props: title - string 页面标题, subtitle - string 副标题, showBreadcrumb - boolean 是否显示面包屑