组件/导航组件

EPageHeader 页头

import EUI 1.0

示例与代码

页头

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 EPageHeader { title: "返回" content: "项目详情" }

效果

运行代码，体验组件交互

可修改文字、属性和事件，再点击运行。

代码在当前浏览器中运行 许可

属性

属性说明取值与默认值

bodyComponentComponent

自定义页头正文的 Component 插槽；null 使用默认内容。 委托上下文见本页示例。

默认值null

breadcrumbComponentComponent

自定义面包屑的 Component 插槽；null 使用默认内容。 委托上下文见本页示例。

默认值null

contentstring

页头主要内容文字。

默认值""

contentComponentComponent

自定义主体内容的 Component 插槽；null 使用默认内容。 委托上下文见本页示例。

默认值null

enabledbool

是否允许交互；false 时控件禁用。

默认值true

extraalias

内容插槽；直接在组件内部声明 QML 子对象。

默认值别名：extraContent.data

heightreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitHeight

iconComponentComponent

自定义图标的 Component 插槽；null 使用默认内容。 委托上下文见本页示例。

默认值null

iconSourceint

组件使用的图标。

EIcons.*
0（无图标）

默认值EIcons.ARROW_LEFT

showBackbool

显示返回按钮。

默认值true

titlestring

标题文字。

默认值随当前语言变化

titleComponentComponent

自定义标题的 Component 插槽；null 使用默认内容。 委托上下文见本页示例。

默认值null

visiblebool

是否显示组件。

默认值true

widthreal

组件尺寸，单位为像素；可绑定父布局尺寸。

默认值implicitWidth

信号

签名作用

back()

点击返回按钮时触发，在此处理页面返回操作。