Z
ZeniCore
/文档中心
文档布局组件

布局组件

2026-04-21 v1.0.0

布局组件

页面布局相关组件,支持多种布局模板灵活组合。

AppHeader - 顶部导航

固定在页面顶部的导航栏,包含 Logo、菜单、用户信息等。

<AppHeader />

AppSidebar - 侧边栏

可折叠的侧边导航菜单。

<AppSidebar :collapsed="collapsed" @toggle="toggleSidebar" />
属性名类型说明
collapsedboolean是否折叠
事件名说明
toggle切换折叠状态

AppFooter - 底部信息

页面底部版权信息和链接。

<AppFooter />

PageHeader - 页面标题

页面标题区域,包含标题、副标题、面包屑和操作按钮。

<PageHeader title="页面标题" subtitle="副标题">
  <template #actions>
    <ZButton type="primary">操作按钮</ZButton>
  </template>
</PageHeader>
属性名类型说明
titlestring页面标题
subtitlestring副标题
showBreadcrumbboolean是否显示面包屑