微信小程序|分享功能|复制文字|拨打电话|

微信小程序功能

后续将会继续补充微信小程序的相关功能

1.分享功能

用户点击右上角转发

监听用户点击页面内转发按钮（ 组件 open-type=“share”）或右上角菜单“转发”按钮的行为，并自定义转发内容。

注意：只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮

此事件需要 return 一个 Object，用于自定义转发内容

.js文件

 onShareAppMessage() {
    const promise = new Promise(resolve => {
      setTimeout(() => {
        resolve({
          title: '自定义转发标题'
        })
      }, 2000)
    })
    return {
      title: '自定义转发标题',
      path: '/page/user?id=123',
      promise 
    }
  }

使用按钮分享

.xml
如果要去掉button默认样式,使用行间样式覆盖原有的样式.

<button 
open-type="share" 
style="width:122rpx;
display:flex;
align-items: center; 
margin: 0; 
padding: 0;">分享<button/>

隐藏分享功能的api

wx.hideShareMenu({});

2.复制文字

长按复制

要想实现长按复制功能，需要在text标签中设置user-select属性
复制订单号

将固定的内容复制到粘贴板中

wx.setClipboardData({
        data: "复制内容",
      })

调用成功后，会弹出 toast 提示"内容已复制"，持续 1.5s参数

如果不使用系统的toast弹框，可以调用wx.hiddenloading()，setClipboardData自带的toast弹框就不会再显示

    wx.setClipboardData({
      data: "复制订单号",
      success: function () {
        wx.hideLoading()
        wx.showToast({
          title: '复制成功',
        })
      }
    })

3.拨打电话

wx.makePhoneCall({
      phoneNumber: "电话号码"
    })