text

文本。

属性 类型 默认值 必填 说明 最低版本
user-select Boolean false 文本是否可选  
space String 显示连续空格  
decode Boolean false 是否解码  

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: '空格 中文字符空格大小' },
    ]
  }
})

results matching ""

    No results matching ""

    results matching ""

      No results matching ""