Skip to content
On this page

Page Header 页头

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

基本使用

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