跳到主要内容

标题

通常用于显示文本标题，可设定不同的层级。

何时使用​

  • 显示整个页面的模块和主题
  • 突出重点内容

一、属性​

1. 数据​

image-20250616093533221

标题的数据绑定方式包括：手动赋值、字段、视图参数、成员变量。具体用法详见 数据绑定。

2. 功能​

2.1 重要等级​

用于设置标题大小。

image-20250616094057530

可选择 H1、H2、H3、H4、H5 五个等级。数字越小，标题越大，表示内容越重要。

image-20240829103530685

2.2 前缀​

用于设置标题的前缀，可以选择图标，也可以自定义输入值。

image-20240829105921139 image-20240829105947192

下图分别为使用图标和值（如特殊符号）设置的前缀示例：

image-20240829110125228 image-20240829110050802

2.3 后缀​

用于设置标题的后缀，同样支持图标或自定义值。

image-20240829110418846 image-20240829110630455

下图为后缀示例（图标和特殊符号）：

image-20240829110933070 image-20240829110952748

2.4 溢出省略​

在设置了固定宽度后，如果标题内容超出宽度，多余部分会以省略号显示。

image-20250616095225144

2.5 可拷贝​

用于设置标题是否可复制。

image-20240829111054125

启用后，标题尾部会显示拷贝图标，点击图标即可复制标题内容。

image-20240829111147794

3. 外观​

3.1 基础样式​

可设置下划线或删除线样式。

image-20250616095544690

展示效果如下：

image-20250616100304625

3.2 其他样式​

支持高亮和代码样式。

image-20250616095553881

展示效果如下：

image-20250616100608730

二、常见使用场景​

1. 网页文章​

用于介绍事物时突出重点内容。

image-20240820162400675