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

微信小程序功能

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

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: "电话号码"
    })

猜你喜欢

转载自blog.csdn.net/weixin_43614065/article/details/125439173