微信小程序分享按钮

2019-10-10  本文已影响0人  椰果粒

分享我这个小程序,可以在右上角点击这三个点;也可以写个按钮,按钮自带分享属性(open-type:share)。


image.png
<!-- 5. 分享按钮,button自身就有分享这个功能 -->
<button open-type="share">分享</button>

要想可以分享,得在js中开启onShareAppMessage

// 点击右上角转发,小程序只能分享给好友,不能分享到朋友圈
onShareAppMessage: function(){
  return {
    title: "旧书网",  // 小程序标题
    path: "/pages/test/test", // 好友打开小程序的时候,进入哪个页面
    imageUrl: "https://wx1.sinaimg.cn/large/b045f7a1ly1g7sxdz8snpj20f408idld.jpg",  // 分享的时候,所选用的图片
  }
},

效果如下,真机测试会有所不同


image.png
上一篇下一篇

猜你喜欢

热点阅读