uniapp 单页面分享朋友圈 页面右上角胶囊“…”分享事件

在uniapp中实现单页面分享朋友圈，可以使用uniapp提供的分享API来实现。具体步骤如下：

1. 在需要分享的页面中，通过使用uniapp提供的onShareAppMessage生命周期函数，定义分享的标题、图片以及分享成功后的回调函数，例如：

onShareAppMessage() {
  return {
    title: '分享标题',
    imageUrl: '分享图片链接',
    success: function (res) {
      console.log('分享成功');
    }
  }
}

2. 在页面右上角添加一个分享按钮，点击时触发分享事件，可以使用uniapp提供的showShareMenu函数来实现：

onLoad() {
  uni.showShareMenu({
    withShareTicket: true,
    menus: ['shareAppMessage', 'shareTimeline']
  })
},
methods: {
  onShare() {
    uni.shareAppMessage({
      title: '分享标题',
      imageUrl: '分享图片链接',
      success() {
        console.log('分享成功')
      }
    })
  }
}

其中，showShareMenu函数用于开启分享功能，并指定分享的类型，menus参数指定了要开启哪些分享类型，包括分享给好友和分享到朋友圈。而onShare函数则是分享按钮的点击事件处理函数，通过调用uni.shareAppMessage函数来触发分享操作。