微信小程序提供了文本组件text,专门用来显示文字

    text使用起来和HTML中的p标签类似

    text组件内只能嵌套text组件,不能嵌套其他组件,并且只有text组件内的文本能够被长按选中

    通过text组件的selectable属性设置是否允许选中,除此之外,text组件还有两个属性

    • ➢space:是否显示连续空格,值类型为字符串,有3个值
      • 分别是ensp(中文字符空格一半大小)
      • emsp(中文字符空格大小)
      • nbsp(根据字体设置的空格大小)
    • ➢decode:是否解码,值类型为布尔值

    文本组件的使用方法如示例3-2所示

    1. <view class='container'>
    2. <view><text>课工场</text></view>
    3. <view><text selectable="true">微信小程序实战开发</text></view>
    4. <view><text space="emsp">微信小程序实战开发</text></view>
    5. <view><text decode='true'>微信小程序&emsp;实战开发</text></view>
    6. </view>

    image.png
    在图3.2中可以看到“微信小程序实战开发”这几个字的text组件设置了selectable为true,可以被选中
    而“课工场”3个字无法被选中

    text组件属于行内组件,不会自动换行,如果要实现换行,可以把text组件嵌套在view组件内