微信小程序-text组件
2020-01-22 本文已影响0人
卡布i
Text组件
Text组件用于显示文本, 类似于span标签, 是行内元素
text 组件内只支持 text 嵌套
selectable属性
selectable属性决定文本内容是否可以让用户选中, 默认值是false,
所以说text组件里的内容默认是不可以选中的
除了文本节点以外的其他节点都无法长按选中
基础库版本低于 2.1.0 时， text 组件内嵌的 text style 设置可能不会生效
使文本可被长按选中的写法
// 如果组件有某个属性, 可以简写(推荐语法)
<text selectable>我是文本\n</text>
// 必须使用大括号传入参数, 否则传入的是字符串
<text selectable="{{true}}">我是文本\n</text>
space属性
space属性决定文本空格大小
各个操作系统的空格标准并不一致。
| 有三个取值 | |
|---|---|
| nbsp | 根据字体设置的空格大小 |
| emsp | 中文字符空格大小 |
| ensp | 中文字符空格一半大小 |
代码
<text space="nbsp">nbsp 根据字体设置的空格大小\n</text>
<text space="emsp">emsp 中文字符空格大小\n</text>
<text space="ensp">ensp 中文字符空格一半大小\n</text>
预览
image
decode属性
decode属性控制文本内容是否解码, 默认不解码
decode可以解析的有 < > & '    
代码
<text>123 456\n</text>
<text decode>123 456\n</text>
<text decode="{{true}}">123 456\n</text>
预览
image
