普通分享功能只需重写onShareAppMessage方法，即可实现，点击右上角分享功能。
实际过程中，我们常需要点击页面上button来实现分享，涉及到UI美观，系统提供的button不能满足需要，如图片按钮等。
下面是个人拙见，暂时可以解决该问题。思路：使用image+透明button，两个控件重合，点击按钮触发分享。
效果图（点击立即PK好友，弹出分享）：
分享代码片段：
onShareAppMessage: function () {
return {
path: '/pages/index/index',
success: function (res) {
// 转发成功
wx.showToast({
title: '分享成功',
})
},
fail: function (res) {
// 转发失败
wx.showToast({
title: '分享取消',
})
}
}
},
布局代码片段（貌似不能黏贴wxml代码）：
重点在红色框内，button的open-type=share，并且设置了透明的样式，位于image上面。
image样式：
.btn_empty {
margin: 120rpx 0;
width: 600rpx;
height: 100rpx;
}
button样式：
.share_btn_tranl {
background: transparent;
border: 0px solid transparent;
width: 600rpx;
height: 100rpx;
position: absolute;
top: 680rpx;
border-radius: 50rpx;
opacity: 0;
}
到此功能完成。
欢迎各位提出更加优秀的解决方案，共勉提高。
网友评论