小程序分享界面带返回按钮

小程序分享的时候,当别人打开分享的界面,分享上面不会有返回按钮,因为小程序默认分享界面是首页,所以不会有返回按钮。如果需要返回首页,一般有两种做法。

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.youkuaiyun.com/qq_30299243/article/details/81047417

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值