PageHeader 页头
页头位于页容器顶部，用于展示页面标题、面包屑导航以及操作区。
基础用法
设置 title 和 subtitle 显示页头信息。
页面标题
这是副标题带返回按钮
设置 backArrow 显示返回按钮，点击触发 back 事件。
页面标题
带图标
设置 icon 属性展示图标。
用户管理
管理系统用户带面包屑
设置 breadcrumb 显示面包屑导航。
页面标题
自定义额外区域
通过 extra 插槽添加操作按钮。
页面标题
描述信息带内容区与底部
通过 default 和 footer 插槽添加更多内容。
页面标题
子标题这里是页面的主体内容区域描述。
Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
title | string | — | 页面标题（必填） |
subtitle | string | — | 副标题 |
icon | string | — | 标题前的图标名 |
backArrow | boolean | false | 是否显示返回按钮 |
breadcrumb | BreadcrumbItem[] | — | 面包屑数据 |
Events
| 事件名 | 类型 | 说明 |
|---|---|---|
back | () => void | 点击返回按钮时触发 |
Slots
| 插槽名 | 说明 |
|---|---|
icon | 自定义图标区域 |
breadcrumb | 自定义面包屑区域 |
extra | 操作区内容 |
default | 主内容区 |
footer | 底部区域 |