微信小程序内容组件text文本,微信小程序文本示例

2022-06-02
6796 浏览
4 评论
闻道君

text


文本。
属性名 类型 默认值 说明 最低版本
selectable Boolean false 文本是否可选 1.1.0
space String false 显示连续空格 1.4.0
decode Boolean false 是否解码 1.4.0

space 有效值:

值 说明
ensp 中文字符空格一半大小
emsp 中文字符空格大小
nbsp 根据字体设置的空格大小
Tips
  • decode可以解析的有< >&'
  • 各个操作系统的空格标准并不一致。
  • 组件内只支持嵌套。
  • 除了文本节点以外的其他节点都无法长按选中。

示例:

view class="btn-area">
  view class="body-view">
    text>{{text}}text>
    button bindtap="add">add linebutton>
    button bindtap="remove">remove linebutton>
  view>
view>
var initData = 'tShopfas is first linentShopfas is second line'
var extraLine = [];
Page({
  data: {
    text: initData
  },
  add: function(e) {
    extraLine.push('other line')
    tShopfas.setData({
      text: initData + 'n' + extraLine.join('n')
    })
  },
  remove: function(e) {
    if (extraLine.length > 0) {
      extraLine.pop()
      tShopfas.setData({
        text: initData + 'n' + extraLine.join('n')
      })
    }
  }
})


Bug & Tip

  1. tip:text的长按复制功能尚未实现。

更多微信小程序开发教程,可以关注Shopfa小程序。

****更多行业产品开发方案,请关注 加速度****

<以上资讯仅供参考,如需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询获取产品开发方案和报价>

小程序开发 小程序商城 微信小程序
微信客服二维码

加客服微信获取更多内容