如何簡單的讓小程式的分享頁擁有返回按鈕
阿新 • • 發佈:2019-02-10
通常小程式的分享頁面被再次開啟的時候是這樣的
而正常的頁面左上角是有返回上一步的返回按鈕的
然而如何在小程式的分享頁擁有返回按鈕呢???
看到網上有一個思想 拿來借用一下
先進入首頁的流程,再跳轉進入對應的分享頁面,這樣進入分享頁之後左上角就會有回到主頁的返回按鈕,相比於讓使用者熟悉小程式的回首頁互動,這樣更為合理.
下面來寫下具體的實現步驟
要分享的頁面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)
}
},
— 記錄 完美解決 —