跳到主要内容

标题

用于展示结构层级分明的文本标题。支持前后缀、溢出控制、拷贝功能等配置。


一、何时使用

  • 需要明确页面结构,区分信息层级时
  • 页面包含多个模块分区或内容组块时
  • 需要强调文字重点内容时

二、属性说明

1. 数据绑定

1)值

标题内容支持多种数据来源,包括:

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

详见:数据绑定

数据绑定


2. 功能配置

1)重要等级

控制标题层级与样式,支持 H1 ~ H5 五个等级。等级越小,字号越大,表示内容越重要。

重要等级

2)前缀

在标题前添加前缀内容,可选择图标或自定义文本(如符号)。

前缀配置入口
前缀示例

3)后缀

在标题末尾添加后缀内容,同样支持图标或自定义文本。

后缀配置入口
后缀示例

4)溢出省略

开启后,设置固定宽度时超出部分将以省略号显示。

省略效果1
省略效果2

5)可拷贝

启用后,标题后将显示拷贝按钮,点击即可复制标题内容。

拷贝图标
拷贝配置入口


3. 外观设置

1)基础样式

可选下划线、删除线样式:

下划线与删除线

2)样式高亮

可设置为高亮样式或代码块样式:

高亮/代码样式


4. 状态

该组件无特殊状态,详见:通用状态


三、样式

无特殊样式配置,详见:通用样式


四、常见使用场景

页面主标题

用于分隔内容模块,突出主题信息。

页面标题示例