小程序分享頁(yè)面返回首頁(yè)跳轉(zhuǎn)首頁(yè)

　　做小程序開(kāi)發(fā)發(fā)現(xiàn)，頁(yè)面分享出去后，用戶通過(guò)分享進(jìn)去的頁(yè)面很難找到返首頁(yè)的情況。(微信官方操作是點(diǎn)擊右上角三個(gè)點(diǎn)，在手機(jī)下方顯示返回首頁(yè))。民間很多方案是自己在頁(yè)面加個(gè)懸浮Home標(biāo)注。

　　今天我分享另外一種方法。請(qǐng)看下面.gif;

　　有沒(méi)有發(fā)現(xiàn)，左上角有返回按鈕了。原理簡(jiǎn)單，在你要分享的頁(yè)面，分享配置時(shí)配置你的首頁(yè)，并帶上對(duì)應(yīng)的參數(shù)，在首頁(yè)onLoad方法中可以獲取。代碼如下：

　　const app = getApp()

　　Page({

　　data: {

　　motto: 'Hello World',

　　userInfo: {},

　　hasUserInfo: false,

　　canIUse: wx.canIUse('button.open-type.getUserInfo')

　　},

　　//事件處理函數(shù)

　　goLogs: function() {

　　wx.navigateTo({

　　url: '/pages/logs/logs'

　　})

　　},

　　onLoad: function (options) {

　　console.log(options)

　　if (options.share_query){

　　wx.showLoading({

　　title: '我是從分享頁(yè)面進(jìn)入的',

　　})

　　setTimeout(function () {

　　wx.hideLoading()

　　wx.navigateTo({

　　url: '/pages/logs/logs',

　　})

　　}, 2000)

　　}

　　}

　　})

　　{{index + 1}}. {{log}}

　　const app = getApp()

　　Page({

　　data: {

　　motto: 'Hello World',

　　userInfo: {},

　　hasUserInfo: false,

　　canIUse: wx.canIUse('button.open-type.getUserInfo')

　　},

　　//事件處理函數(shù)

　　goLogs: function() {

　　wx.navigateTo({

　　url: '/pages/logs/logs'

　　})

　　},

　　onLoad: function (options) {

　　console.log(options)

　　//判斷是否分享進(jìn)入

　　if (options.share_query){

　　wx.showLoading({

　　title: '我是從分享頁(yè)面進(jìn)入的',

　　})

　　setTimeout(function () {

　　wx.hideLoading()

　　wx.navigateTo({

　　url: '/pages/logs/logs',

　　})

　　}, 2000)

　　}

　　}

　　})

　HiShop小程序工具提供多類型商城/門店小程序制作，可視化編輯 1秒生成5步上線。通過(guò)拖拽、拼接模塊布局小程序商城頁(yè)面，所看即所得，只需要美工就能做出精美商城。