快应用 text组件
概述
文本
文本内容写在标签内容区，支持转义字符"\"
子组件
属性
支持 通用属性
样式
支持 通用样式
| 名称 | 类型 | 默认值 | 必填 | 描述 | |||
|---|---|---|---|---|---|---|---|
| lines | <number>
|
-1 | 否 | 文本行数，-1 代表不限定行数 | |||
| color | <color>
|
rgba(0, 0, 0, 0.54) | 否 | 文本颜色 | |||
| font-size | <number>
|
30px | 否 | 文本尺寸 | |||
| font-style | normal | italic | normal | 否 | ||||
| font-weight | normal | bold | lighter | border | <number> 1050+
|
normal | 否 | 当前平台仅支持normal与bold两种效果，当值为数字时，低于550为前者，否则为后者。 |
|||
font-family 1030+
|
<string>
|
- | 否 | 文本字体。可设置一个有先后顺序的，由字体名或者字体族名组成的列表，以逗号分隔。列表中第一个已安装或者通过 font-face 指定的字体，会被选中作为文本的字体。 | |||
| text-decoration | underline | line-through | none | none | 否 | ||||
| text-align | left | center | right | left | 否 | ||||
text-indent 1040+
|
<length> | <percentage> | <cm> | <em>
|
- | 否 | 规定文本块首行的缩进 | |||
| line-height | <length>
|
- | 否 | 文本行高 | |||
| text-overflow | clip | ellipsis | clip | 否 | 在设置了行数的情况下生效 | |||
示例
- 单行省略
{
lines: 1;
text-overflow: ellipsis;
}
- 多行省略，以两行为例
{
lines: 2;
text-overflow: ellipsis;
}事件
支持 通用事件
text 示例代码
查看 示例代码