Logo FluentUI

Contents

InfoBar QML Type

显示信息的条形组件，支持不同严重程度的信息显示和可关闭的操作。. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Detailed Description

InfoBar 组件用于在界面上显示一条信息条，支持不同的严重程度、标题、消息、操作按钮和关闭按钮。根据不同的严重程度，信息条的背景颜色和图标会有所不同。

示例用法：

 InfoBar {
     severity: InfoBarType.Warning
     title: "Warning"
     message: "This is a warning message."
     closable: true
     iconVisible: true
     onClickCloseListener: {
         console.log("InfoBar closed")
     }
 }

Property Documentation

action : Component

自定义操作按钮的组件。如果设置了此属性，则显示此组件作为操作按钮。


closable : bool

是否显示关闭按钮。默认为 `true`。


iconVisible : bool

是否显示图标。默认为 `true`。


implicitHeight : int

信息条的默认高度。根据内容动态调整。


implicitWidth : int

信息条的默认宽度。根据内容动态调整。


message : string

信息条的消息文本。默认为空字符串。


messageItem : Component

自定义消息的组件。如果设置了此属性，则使用此组件来显示消息。


messageMaximumWidth : int

消息的最大宽度。默认为 520。


onClickCloseListener : var

当点击关闭按钮时调用的函数。如果设置为 `null`，点击关闭按钮会隐藏信息条。默认为 `null`。


severity : int

信息条的严重程度，决定背景颜色和图标。可以是以下值之一： - InfoBarType.Info: 信息 - InfoBarType.Success: 成功 - InfoBarType.Warning: 警告 - InfoBarType.Error: 错误 默认为 InfoBarType.Info。


title : string

信息条的标题文本。默认为空字符串。


titleItem : Component

自定义标题的组件。如果设置了此属性，则使用此组件来显示标题。