小程序分享的时候,当别人打开分享的界面,分享上面不会有返回按钮,因为小程序默认分享界面是首页,所以不会有返回按钮。如果需要返回首页,一般有两种做法。
1,添加一个悬浮窗
<image wx:if="{{isshare==1}}" class='back-home' bindtap='backHome' src='../../../img/backhome.png'></image>
.back-home {
position: fixed;
width: 180rpx;
height: 180rpx;
right: 4rpx;
bottom: 80rpx;
z-index: 10000;
}
分享时:
return {
title: shareTitle,
imageUrl: image,
path: '/pages/travelList/travelList?id=' + bannerid + "&name=" + this.data.name + "&isshare=1&isShareId=1",
//别忘记把需要的参数也传过去,不然会报错。
success: function(res) {
},
fail: function(res) {
}
};
然后在这个界面的noload里:判断isshare的值,默认是0,如果是1就证明是分享过来的,显示回首页的按钮。然后继续你的表演
2,添加一个返回按钮
原理是分享的界面其实不是当前页,而是首页,然后在首页价格判断。isShareId=1,对就是这货。也在onload里
if (options.isShareId == '1') {//分享标识,进入界面后判断是否跳转到分享界面
wx.navigateTo({
url: './travelList/travelList?id=' + options.id + "&name=" + options.name + "&isshare=1"
})
}
ok,我的代码里是两个方法都用了。读者可根据需求自己处理
补充一下,如果需要点击手机返回的时候,不要在显示分享的界面,也就是说,那么返回到首页的方法可以用
wx.redirectTo(OBJECT)
关闭当前页面,跳转到应用内的某个页面。
转跳界面还有2个方法,具体可参见我的另一篇博客
https://blog.csdn.net/qq_30299243/article/details/81047417