ant-design/components/page-header/index.zh-CN.md
陈帅 e737e50207
feat: 🔥 new pageheader style (#18128)
* new pageheader style

* support avatar

* update demo

* snapshots updated

* fix lint

* change style

* add new style

* fix style

* update demo

* update demo

* fix test

* snapshots updated

* update doc

* remove extraContent

* Bread crumbs and back icon can only have one

* back icon will automatically disappear when configuring breadcrumbs

* update snapshot

* Improve the priority of backicon

* change doc

* change doc

* change doc

* update snapshot
2019-08-25 15:38:51 +08:00

1.4 KiB
Raw Blame History

category type title cols subtitle
Components 导航 PageHeader 1 页头

页头位于页容器中,页容器顶部,起到了内容概览和引导页级操作的作用。包括由面包屑、标题、页面内容简介、页面级操作等、页面级导航组成。

何时使用

当需要使用户快速理解当前页是什么以及方便用户使用页面功能时使用,通常也可被用作页面间导航。

API

参数 说明 类型 默认值 版本
title 自定义标题文字 ReactNode - 3.14.0
subTitle 自定义的二级标题文字 ReactNode - 3.14.0
avatar 标题栏旁的头像 avatar props - 3.22.0
backIcon 自定义 back icon ,如果为 false 不渲染 back icon ReactNode <Icon type="arrow-left" /> 3.14.0
tags title 旁的 tag 列表 Tag[] | Tag - 3.14.0
extra 操作区,位于 title 行的行尾 ReactNode - 3.14.0
breadcrumb 面包屑的配置 breadcrumb - 3.14.0
footer PageHeader 的页脚,一般用于渲染 TabBar ReactNode - 3.14.0
onBack 返回按钮的点击事件 ()=>void ()=>history.back() 3.14.0

配置返回按钮时breadcrumb 会自动隐藏。