文本样式
v0.5+
文本类组件共享一些通用样式, 这类组件目前包括 <text>
和 <input>
。
属性
color {color}
:文字颜色。可选值为色值,支持 RGB(
rgb(255, 0, 0)
);RGBA(rgba(255, 0, 0, 0.5)
);十六进制(#ff0000
);精简写法的十六进制(#f00
);色值关键字(red
)。lines {number}
: 指定文本行数。仅在<text>
组件中支持。默认值是0
代表不限制行数。font-size {number}
:文字大小。font-style {string}
:字体类别。可选值normal
|italic
,默认为normal
。font-weight {string}
v0.9+:字体粗细程度- 可选值:
normal
,bold
,100
,200
,300
,400
,500
,600
,700
,800
,900
- normal 等同于 400, bold 等同于 700;
- 默认值:
normal
; - iOS 支持 9 种 font-weight值;Android 仅支持 400 和 700, 其他值会设为 400 或 700
- 类似
lighter
,bolder
这样的值暂时不支持
- 可选值:
text-decoration {string}
:字体装饰,可选值none
|underline
|line-through
,默认值为none
。text-align {string}
:对齐方式。可选值left
|center
|right
,默认值为left
。目前暂不支持justify
,justify-all
。font-family {string}
:设置字体。这个设置 不保证 在不同平台,设备间的一致性。如所选设置在平台上不可用,将会降级到平台默认字体。
text-overflow {string}
:设置内容超长时的省略样式。可选值clip
|ellipsis