加载中...

1.5.4.8 text

概要

按照指定样式规则呈现文本的标签，<text>标签只能包含文本类型的值，你可以使用{{}}标记在文本内容中插入变量。

子组件

除了支持一个文本内容不支持其他的子组件

属性

  • value:<String>这个组件的内容，它的值于<text>标签内的文本一致
    其他的属性请参考公共属性

样式

  • lines:指定文本的行数,默认值为0表示无限行

文本样式:参考文本样式

  • 支持 color (前景颜色)样式
  • 支持 font-size (字体大小)样式
    • IOS: 默认值为 32
      • Android:平台指定
      • HTML5:默认值为 32
  • 支持 font-style: <enum> normal | italic (字体类别) 样式.默认为 normal.
  • 支持 font-weight: <enum> normal | bold (字体粗细程度) 样式.默认为 normal.
  • 支持 text-decoration: <enum> none | underline | line-through (字体装饰) 样式.默认值为 none.
  • 支持 text-align: <enum> left | center | right. (对齐方式) 样式.默认值为 left.
  • 支持 text-overflow: <string> clip | ellipsis. (内容超长时的省略样式) 样式
  • 支持 line-height 0.61 样式，IOS的行高不同于h5和Android,文本值将会被放置于线宽的底部.
  • 不支持 flex-direction, justify-content, align-items，并且同样适用于子节点，然而 text标签不存在子节点

通用属性: 参考 组件的通用属性

  • 支持 flexbox 相关样式
  • 支持 box model 相关样式
  • 支持 position 相关样式
  • 支持 opacity, background-color 等等

事件

通用属性: 参考通用属性

例子 

<div>
  <text>...</text>
  <text value="..."></text>
  <text style="font-size: 24; text-decoration: underline;">{{price}}</text>
  <text value="{% raw %}{{...}}{% endraw %}"></text>
</div>
还没有评论.