ant-design/index.zh-CN.md at 92caa2d02c9a95caabf4809691d0102e0082198d

mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-16 01:41:02 +08:00

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

Raw Blame History

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

1.4 KiB Raw Blame History

何时使用

API

1.4 KiB

Raw Blame History