<text>

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

注意: <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 或者更早时调用

示例#

Edit this page on GitHub