注冊

微信小程序內(nèi)容組件text文本,微信小程序文本示例

2017-12-22
導(dǎo)讀：text 文本。 屬性名 類型 默認值 說明 最低版本 selectable Boolean false 文本是否可選 1.1.0 space String false 顯示連續(xù)空格 1.4.0 decode Boolean false 是否解碼 1.4.0 space 有效值： 值 說明 ensp 中文字符...

 

 

text 

文本。
屬性名 類型 默認值 說明 最低版本
selectable Boolean false 文本是否可選 1.1.0
space String false 顯示連續(xù)空格 1.4.0
decode Boolean false 是否解碼 1.4.0

space 有效值：

值 說明
ensp 中文字符空格一半大小
emsp 中文字符空格大小
nbsp 根據(jù)字體設(shè)置的空格大小
Tips
  • decode可以解析的有 < >&'  
  • 各個操作系統(tǒng)的空格標準并不一致。
  • <text/> 組件內(nèi)只支持<text/>嵌套。
  • 除了文本節(jié)點以外的其他節(jié)點都無法長按選中。

示例：

<view class="btn-area">
  <view class="body-view">
    <text>{{text}}</text>
    <button bindtap="add">add line</button>
    <button bindtap="remove">remove line</button>
  </view>
</view>

var initData = 'this is first line\nthis is second line'
var extraLine = [];
Page({
  data: {
    text: initData
  },
  add: function(e) {
    extraLine.push('other line')
    this.setData({
      text: initData + '\n' + extraLine.join('\n')
    })
  },
  remove: function(e) {
    if (extraLine.length > 0) {
      extraLine.pop()
      this.setData({
        text: initData + '\n' + extraLine.join('\n')
      })
    }
  }
})

 

微信小程序內(nèi)容組件text文本,微信小程序文本示例

 

Bug & Tip

  1. tip:text 的長按復(fù)制功能尚未實現(xiàn)。

更多微信小程序開發(fā)教程，可以關(guān)注hi小程序。
重磅推薦：小程序開店目錄

第一部分：小商店是什么

第二部分：如何開通一個小商店

第三部分：如何登錄小商店

第四部分：開店任務(wù)常見問題

第五部分：小商店可以賣什么

第六部分：HiShop小程序特色功能

第七部分：小程序直播

第八部分：小程序收貨/物流

第九部分：小程序怎么結(jié)算

第十部分：小程序客服

第十一部分：電商創(chuàng)業(yè)

第十二部分：小程序游戲開發(fā)