文本样式
文本类组件共享一些通用样式, 这类组件目前包括 <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}:字体粗细程度
- 可选值: 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