• text
    • 属性
    • 样式
    • 事件
    • 自定义字体
    • 示例

    text

    <text> 是 Weex 内置的组件,用来将文本按照指定的样式渲染出来。<text> 只能包含文本值,你可以使用 {% raw %}{{}}{% endraw %} 标记插入变量值作为文本内容。

    注意: <text> 里直接写文本头尾空白会被过滤,如果需要保留头尾空白,暂时只能通过数据绑定写头尾空格。

    注意: <text>不支持子组件。

    属性

    • value {string}: 组件的值,与 <text> 标签中的文本内容相同。

    样式

    • 支持 通用样式。
    • lines {number}: 指定文本行数。默认值是 0, 代表不限制行数。
    • 支持 文本样式。
      • 支持 color 样式.
      • 支持 font-size 样式,默认值为32.
      • 支持 font-style 样式.
      • 支持 font-weight 样式.
      • 支持 text-align 样式.
      • 支持 text-decoration 样式.
      • 支持 text-overflow 样式.
      • 支持 line-height样式0.6.1+

    事件

    支持 通用事件.

    自定义字体

    支持版本:v0.12.0

    支持ttf和woff字体格式的自定义字体, 可以通过调用 dom module 里面的 addRule方法, 构建自定义的font-family使用, addRule 建议在 beforeCreate 或者更早时调用

    示例

    • <text>的基本用法
    • 自定义字体的使用方法