文档

文本

更新时间:

简介

文本组件用于向用户展示文本信息,通常用于展示文本,例如标题。

image.png

属性配置

文本组件属性由以下部分组成:

分类

参数

示例

说明

基础属性

文本内容

image.png

模板:image.png

  • 文本组件向最终用户展示的文本,可以为静态文本也可以动态绑定一个基础数据类型属性。关于此部分属性的更多信息,请参见数据

  • 除此之外,文本也支持填写静态文本与动态表达式混写的模板字符串。关于此部分表达式的更多信息,请参见表达式

样式

展示样式

image.png

请参见:展示样式

文字粗细

image.png

通过设置文本组件文字粗细属性,可以实现文字正常和加粗之间的切换。

字色

image.png

文本组件字色属于页面组件通用属性。

关于此部分属性的更多信息,请参见样式

对齐方式

image.png

请参见:对齐方式

行高

image.png

请参见:行高

换行方式

image.png

文本组件支持设置换行方式,当文本实际宽度超出设置宽度,可设置换行或不换行。

宽度和间距

image.png

文本组件宽度和间距属于页面组件通用属性。

关于此部分属性的更多信息,请参见样式

事件

点击事件

image.png

文本组件配置了点击事件,在文本区域被点击时触发。

关于此部分属性的更多信息,请参见事件

可见性

条件可见性

image.png

可见性确定组件是否作为页面的一部分最终显示给用户。

关于此部分属性的更多信息,请参见条件可见性

展示样式

文字组件展示样式支持设置正文、H1、H2、H3、H4、H5、默认、辅助等常规样式,以及页面标题、顶部导航、侧边导航以及自定义等适用于特定场景的特殊样式。具体字体大小如下图所示:

字体

字号(px)

正文

14

H1

96

H2

60

H3

48

H4

34

H5

24

默认

12

辅助

12

页面标题

20

顶部导航

14

侧边导航

12

自定义

自定义

对齐方式

文本支持设置三种对齐方式,可实现文本在区域内不同的对齐方式:

对齐方式

样式

image.png

image.png

image.png

行高

文本组件支持设置行高,通过设置行高可实现多行文本之间的间距效果,此数字会与当前的字体尺寸相乘来设置行间距,默认值为1(注:行高需大于1,可为小数)。

image.png

image.png
  • 本页导读
文档反馈