EText 文本

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: Math.min(parent.width, 720)

EText {
        font.bold: true
        font.pixelSize: 11
        font.letterSpacing: 1.2
        text: qsTr("阅读体验 / TYPOGRAPHY")
        color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Primary)
    }
    EText {
        font.bold: true
        lineHeight: 1.15
        font.pixelSize: 26
        width: parent.width
        text: qsTr("让信息更易读")
        wrapMode: Text.WordWrap
        color: EPaletteManager.ThemePalette.textPrimary(ETheme.dark)
    }
    EText {
        lineHeight: 1.6
        font.pixelSize: 14
        width: parent.width
        wrapMode: Text.WordWrap
        color: EPaletteManager.ThemePalette.textPrimary(ETheme.dark)
        text: qsTr("清晰的层级让内容更容易浏览。标题建立重点，正文保持舒适行距，辅助信息提供上下文。调整窗口宽度，观察文本自动换行。")
    }
    EText {
        lineHeight: 1.4
        font.pixelSize: 12
        width: parent.width
        wrapMode: Text.WordWrap
        text: qsTr("更新于今天 · 约 1 分钟阅读")
        color: EPaletteManager.ThemePalette.textSecondary(ETheme.dark)
    }
}

效果

运行代码，体验组件交互

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

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

属性

属性说明取值与默认值

colorcolor

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

默认值动态绑定

enabledbool

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

默认值true

fontfont

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

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

默认值应用字体

heightreal

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

默认值implicitHeight

lineClampint

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

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

默认值0

sizeint

文字尺寸。

EStyle.Small
EStyle.Medium
EStyle.Large

默认值EStyle.Medium

textstring

显示的文字内容。

默认值""

truncatedbool

宽度不足时省略文本。

默认值false

typestring

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

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

默认值""

visiblebool

是否显示组件。

默认值true

widthreal

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

默认值implicitWidth

EText 文本 ​

示例与代码 ​

文本 ​

属性 ​

EText 文本

示例与代码

文本

属性