布局组件
页面布局相关组件,支持多种布局模板灵活组合。
AppHeader - 顶部导航
固定在页面顶部的导航栏,包含 Logo、菜单、用户信息等。
<AppHeader />AppSidebar - 侧边栏
可折叠的侧边导航菜单。
<AppSidebar :collapsed="collapsed" @toggle="toggleSidebar" />| 属性名 | 类型 | 说明 |
|---|---|---|
| collapsed | boolean | 是否折叠 |
| 事件名 | 说明 |
|---|---|
| toggle | 切换折叠状态 |
AppFooter - 底部信息
页面底部版权信息和链接。
<AppFooter />PageHeader - 页面标题
页面标题区域,包含标题、副标题、面包屑和操作按钮。
<PageHeader title="页面标题" subtitle="副标题">
<template #actions>
<ZButton type="primary">操作按钮</ZButton>
</template>
</PageHeader>| 属性名 | 类型 | 说明 |
|---|---|---|
| title | string | 页面标题 |
| subtitle | string | 副标题 |
| showBreadcrumb | boolean | 是否显示面包屑 |