组件/基础组件

EIcon 图标

import EUI 1.0

示例与代码

尺寸与颜色

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 16 width: parent.width Row { spacing: 24 Repeater { model: [16, 24, 32] Column { spacing: 10 EIcon { width: 36 height: 36 iconSize: modelData iconSource: EIcons.FOLDER color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Primary) } EText { font.pixelSize: 12 text: modelData + " px" } } } } Flow { spacing: 12 width: parent.width Repeater { model: [ {icon: EIcons.BELL, label: qsTr("主要"), tone: EStyle.Primary}, {icon: EIcons.CIRCLE_CHECK, label: qsTr("成功"), tone: EStyle.Success}, {icon: EIcons.TRIANGLE_EXCLAMATION, label: qsTr("警告"), tone: EStyle.Warning}, {icon: EIcons.CIRCLE_XMARK, label: qsTr("危险"), tone: EStyle.Danger} ] Row { spacing: 12 width: Math.max(0, (parent.width - 12) / 2) EIcon { width: 28 height: 28 iconSize: 28 iconSource: modelData.icon color: EPaletteManager.ThemePalette.fetchColorForStyle(modelData.tone) } EText { font.pixelSize: 13 text: modelData.label anchors.verticalCenter: parent.verticalCenter } } } } }

效果

运行代码，体验组件交互

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

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

属性

属性说明取值与默认值

colorcolor

自定义颜色；透明值通常表示使用当前主题或语义配色。

默认值动态绑定

enabledbool

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

默认值true

fontfont

字体配置，控制字体、字号及文字样式。

常用字段：
family、pixelSize、pointSize
bold、italic、weight
underline、strikeout
letterSpacing、wordSpacing

默认值应用字体

heightreal

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

默认值动态绑定

iconSizeint

图标、选项或交互部件的尺寸，单位为像素。

默认值20

iconSourceint

组件使用的图标。

EIcons.*
0（无图标）

默认值0

lineClampint

显示行数上限；0 表示不限制。

0：不限制
正整数：最多显示行数

默认值0

sizeint

文字尺寸。

EStyle.Small
EStyle.Medium
EStyle.Large

默认值EStyle.Medium

textstring

显示的文字内容。

默认值

展开默认值

graphic.source.toString().length > 0 ? " " : iconSize > 0 ? String.fromCharCode(iconSource) : ""

truncatedbool

宽度不足时省略文本。

默认值false

typestring

文字的语义颜色类型，空值使用默认颜色。

"" / "primary"
"success" / "info"
"warning" / "danger"

默认值""

visiblebool

是否显示组件。

默认值true

widthreal

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

默认值动态绑定