ant-design/components/page-header/index.zh-CN.md
陈帅 dee8f93fe7
New Component PageHeader (#13637)
* add api dock

* add a simple demo

* add content demos

* fix style warning

* Replace content with children

* add all demo

* add demo test

* add backNode props

* Adjust the divider style

* fix icon do no show

* fix test ci

* fix md code style

* remove fragment use

* add test script

* Missing newline character at end of file

* optimize the demo display

* text becomes longer

* text becomes longer

* fix css code style

* fix test snapshot

* fix css code style

* fix codereivew waring

* fix codereivew waring

* update snapshots

* use ant-page-header-have-footer

* use englist

* fix typo

* updated snapshot

* line-height set to 100%

* remove subtitle

* Specification less

* fix less style error

* Sort by alphabet

* Rebuild code

* use english

* number use Statistic

* snapshot updated

* rm onBack in breadcrumb

* remove unuse return

* add a click wave

* remove unuse css

* add icon hover

* newline character

* new description

* warm descriptive text

* add dot

* remove async

* feat: use Typography.Paragraph

* test: snapshots updated

* style: fix  style lint

* import typography style
2019-03-02 15:51:08 +08:00

1.2 KiB

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

页头可用于声明页面主题、展示用户所关注的页面重要信息,以及承载与当前页相关的操作项(包含页面级操作,页面间导航等)

何时使用

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

API

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