快应用 text组件

2020-08-08 11:57 更新

概述

文本

文本内容写在标签内容区,支持转义字符"\"

子组件

仅支持<a><span>

属性

支持 通用属性

样式

支持 通用样式

名称 类型 默认值 必填 描述
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 当前平台仅支持normalbold两种效果,当值为数字时,低于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   示例代码

查看 示例代码


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号