简介
文本组件用于向用户展示文本信息,通常用于展示文本,例如标题。
属性配置
文本组件属性由以下部分组成:
分类 | 参数 | 示例 | 说明 |
基础属性 | 文本内容 | 模板: |
|
样式 | 展示样式 | 请参见:展示样式 。 | |
文字粗细 | 通过设置文本组件文字粗细属性,可以实现文字正常和加粗之间的切换。 | ||
字色 | 文本组件字色属于页面组件通用属性。 关于此部分属性的更多信息,请参见样式。 | ||
对齐方式 | 请参见:对齐方式。 | ||
行高 | 请参见:行高 。 | ||
换行方式 | 文本组件支持设置换行方式,当文本实际宽度超出设置宽度,可设置换行或不换行。 | ||
宽度和间距 | 文本组件宽度和间距属于页面组件通用属性。 关于此部分属性的更多信息,请参见样式。 | ||
事件 | 点击事件 | 文本组件配置了点击事件,在文本区域被点击时触发。 关于此部分属性的更多信息,请参见事件。 | |
可见性 | 条件可见性 | 可见性确定组件是否作为页面的一部分最终显示给用户。 关于此部分属性的更多信息,请参见条件可见性。 |
展示样式
文字组件展示样式支持设置正文、H1、H2、H3、H4、H5、默认、辅助等常规样式,以及页面标题、顶部导航、侧边导航以及自定义等适用于特定场景的特殊样式。具体字体大小如下图所示:
字体 | 字号(px) |
正文 | 14 |
H1 | 96 |
H2 | 60 |
H3 | 48 |
H4 | 34 |
H5 | 24 |
默认 | 12 |
辅助 | 12 |
页面标题 | 20 |
顶部导航 | 14 |
侧边导航 | 12 |
自定义 | 自定义 |
对齐方式
文本支持设置三种对齐方式,可实现文本在区域内不同的对齐方式:
对齐方式 | 样式 |
左 | |
中 | |
右 |
行高
文本组件支持设置行高,通过设置行高可实现多行文本之间的间距效果,此数字会与当前的字体尺寸相乘来设置行间距,默认值为1(注:行高需大于1,可为小数)。
题