如何简单的让小程序的分享页拥有返回按钮

版权声明:本文为博主原创文章,转载请注明出处 https://blog.csdn.net/one_girl/article/details/81096702

通常小程序的分享页面被再次打开的时候是这样的
这里写图片描述
而正常的页面左上角是有返回上一步的返回按钮的
这里写图片描述

然而如何在小程序的分享页拥有返回按钮呢???

看到网上有一个思想 拿来借用一下
先进入首页的流程,再跳转进入对应的分享页面,这样进入分享页之后左上角就会有回到主页的返回按钮,相比于让用户熟悉小程序的回首页交互,这样更为合理.


下面来写下具体的实现步骤
要分享的页面positionDetail.js

onShareAppMessage: function () {
    let positionId = this.data.positionId
    return {
        title: dataMsg.title,
        path: 'pages/index/index?positionId=' + positionId  // 当打开分享链接的时候跳转到小程序首页,并设置参数positionId
    }
},

小程序首页index.js

onLoad: function (options) {
    ......
    // 打开首页时判断options.positionId是否存在 用这个值来判断进入首页的来源是否为用户点击了分享的卡片
    // 同时可以通过获取到的positionId的值跳转导航到对应的分享详情页
    if (options.positionId) {
        setTimeout(function(){
            wx.navigateTo({
                url: '../positionDetail/positionDetail?id=' + options.positionId
            })
        }, 800)
    }
},

— 记录 完美解决 —

阅读更多
换一批

没有更多推荐了,返回首页