ant-design/components/page-header/index.zh-CN.md
陈帅 338018eba3
feat: Pageheader new style and props (#19100)
* pure page header style

* add type props

* add prue demo

* add config provider doc

* fix lint

* fix lint error

* change pure to ghost

* fix test

* default ghost is true

* fix review style

* fix review warning

* use online style

* remove defualt and remove comment

* add test
2019-10-15 11:46:12 +08:00

1.4 KiB

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

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

何时使用

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

API

参数 说明 类型 默认值 版本
title 自定义标题文字 ReactNode - 3.14.0
subTitle 自定义的二级标题文字 ReactNode - 3.14.0
ghost pageHeader 的类型,将会改变背景颜色 boolean true 3.24.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