微信小程序提供了文本组件text,专门用来显示文字
text使用起来和HTML中的p标签类似
text组件内只能嵌套text组件,不能嵌套其他组件,并且只有text组件内的文本能够被长按选中
通过text组件的selectable
属性设置是否允许选中,除此之外,text组件还有两个属性
- ➢space:是否显示连续空格,值类型为字符串,有3个值
- 分别是ensp(中文字符空格一半大小)
- emsp(中文字符空格大小)
- nbsp(根据字体设置的空格大小)
- ➢decode:是否解码,值类型为布尔值
文本组件的使用方法如示例3-2所示
<view class='container'>
<view><text>课工场</text></view>
<view><text selectable="true">微信小程序实战开发</text></view>
<view><text space="emsp">微信小程序实战开发</text></view>
<view><text decode='true'>微信小程序 实战开发</text></view>
</view>
在图3.2中可以看到“微信小程序实战开发”这几个字的text组件设置了selectable为true,可以被选中
而“课工场”3个字无法被选中
text组件属于行内组件,不会自动换行,如果要实现换行,可以把text组件嵌套在view组件内