微信小程序-text组件

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&nbsp;456\n</text>
<text decode>123&nbsp;456\n</text>
<text decode="{{true}}">123&nbsp;456\n</text>

预览

image