跳到主要内容

文本

用于展示文字内容的基础组件。

何时使用​

  • 展示标签类的简短文字
  • 展示段落类的正文内容

一、属性​

1. 数据​

1）值设置​

支持以下几种方式绑定文本内容：

  • 手动赋值
  • 数据绑定
  • 视图参数
  • 组件绑定

数据绑定入口

例如，手动赋值可直接填写要展示的文本：

手动赋值示意

2. 外观​

1）类型​

可设置为：

  • 文本：适合简短说明
  • 段落：适合较长的正文内容

文本类型设置

2）文本格式​

支持以下几种文本语义样式：

  • 默认
  • 副文本（次要信息）
  • 成功
  • 警告
  • 危险

文本格式选项
文本格式效果示意

3）基础样式​

可设置基本的文字样式：

  • 加粗
  • 下划线
  • 删除线

基础样式设置
基础样式效果

4）特殊样式​

  • 高亮：使文字以高亮方式展示
  • 代码样式：以等宽字体样式展示，适用于技术内容

高亮样式
代码样式

3. 功能​

1）溢出省略​

开启后，超出文本区域的内容将自动省略显示。

溢出省略效果

2）前缀 & 后缀​

可设置前缀或后缀说明文字，增强信息表达。

前缀后缀示意

3）可拷贝​

开启后，文本末尾将显示拷贝图标，支持用户点击复制文本内容。

可拷贝效果

4. 状态​

无特殊状态，详见：通用状态

二、样式​

无特殊样式配置，详见：通用样式

三、常见使用场景​

1. 页面标题​

用于展示页面主标题或大标题。

页面标题示例

2. 区域小标题​

用于分区说明，强调分组内容。

区域小标题示例

3. 表单中的静态内容展示​

用于展示表单中不可编辑的文字信息。

表单静态内容示例