Page Header 页头 | Fighting Design

On this page

用于展示概览和引导页级操作

基本使用

title 属性可以配置标题内容，点击右侧返回可以触发 back 回调函数

开启

自定义样式

icon 可以自定义返回图标，back-text 可以自定义返回文字内容

开启

副标题

subtitle 可以配置带有副标题

开启

Attributes

属性	说明	类型	可选值	默认值
`icon`	返回图标	FightingIcon	——	——
`icon-size`	返回图标大小	string / number	——	16px
`back-text`	返回文本	string	——	——
`title`	标题文本	string	——	——
`title-bold`	标题是否粗体	boolean	——	false
`title-center`	标题是否居中	boolean	——	false
`title-color`	标题颜色	string	——	false
`subtitle`	副标题文本	string	——	——
`on-back`	点击左侧区域触发	HandleMouse	——	——

Slots

插槽名	说明
`icon`	自定义返回图标
`title`	自定义标题内容
`subtitle`	自定义副标题内容

Interface

组件导出以下类型定义：

ts

import type { PageHeaderInstance, PageHeaderProps } from 'fighting-design'

Contributors