微信小程序-页面分享 onShareAppMessage

效果

image

js

  let app = getApp();  
  Page({  
  data: {  
  img: "/images/1.jpg"  
  },  
  onLoad() {  
  },  
  showShareMenu() {  
  wx.showShareMenu();  
  console.log("显示了当前页面的转发按钮");  
  },  
  hideShareMenu() {  
  wx.hideShareMenu();  
  console.log("隐藏了当前页面的转发按钮");  
  },  
  onShareAppMessage: (res) => {  
  if (res.from === 'button') {  
  console.log("来自页面内转发按钮");  
  console.log(res.target);  
  }  
  else {  
  console.log("来自右上角转发菜单")  
  }  
  return {  
  title: '妹子图片',  
  path: '/pages/share/share?id=123',  
  imageUrl: "/images/1.jpg",  
  success: (res) => {  
  console.log("转发成功", res);  
  },  
  fail: (res) => {  
  console.log("转发失败", res);  
  }  
  }  
  }  
  })  

html

    
    
    
  开启分享  
  关闭分享  
    
  点击分享    
    

css

  page{  
  height: 100%;  
  }  
  .view{  
  width: 100%;  
  height: 100%;  
  }  
  .window-1{  
  display: flex;  
  flex-direction: row;  
  margin: 20rpx 0;  
  }  
  .cover-9{  
  width: 688rpx;  
  height: 75%;  
  margin: 0 30rpx;  
  border:2rpx solid;  
  border-radius:5px;    
  }  
  button{  
  margin: 0 10rpx;  
  width: 100%;  
  }  
  #share{  
  width: 730rpx;  
  }