Keyboard shortcuts

Press ← or → to navigate between chapters

Press ? to show this help

Press Esc to hide this help

text

文本。

属性类型默认值必填说明最低版本
user-selectBooleanfalse否文本是否可选 
spaceString否显示连续空格 
decodeBooleanfalse否是否解码 

space 的合法值

值说明最低版本
ensp中文字符空格一半大小 
emsp中文字符空格大小 
nbsp根据字体设置的空格大小 

Tips:

  • decode可以解析的有       < > " ' &

示例代码:

<!--pages/component/pages/text/text.mcml-->
<view class="container">
  <view class="statement">文本</view>
  <text>我是text<text>我是内部text</text></text>
  <view class="cssname">selectable:true</view>
  <text selectable="{{true}}">这是可选文本\n长按选择文本</text>
  <view class="cssname">user-select:true</view>
  <text user-select="{{true}}">这是可选文本\n长按选择文本</text>
  <block mc:for="{{space}}">
    <view class="cssname">space:{{item.type}}</view>
    <text space="{{item.type}}">{{item.text}}</text>
  </block>
  <view class="cssname">decode:true</view>
  <text decode="true">{{text}}</text>
  <view class="cssname">decode:false</view>
  <text>{{text}}</text>
</view>

// pages/component/pages/text/text.js
Page({
  data: {
    text: '&nbsp; &lt; &gt; &amp; &apos; &ensp; &emsp;',
    space: [
      { type: 'nbsp', text: '空格 根据字体设置的空格大小' },
      { type: 'ensp', text: '空格 中文字符空格一半大小' },
      { type: 'emsp', text: '空格 中文字符空格大小' },
    ]
  }
})