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

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

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

　　有沒有發(fā)現(xiàn)，左上角有返回按鈕了。原理簡(jiǎn)單，在你要分享的頁面，分享配置時(shí)配置你的首頁，并帶上對(duì)應(yīng)的參數(shù)，在首頁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: '我是從分享頁面進(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: '我是從分享頁面進(jìn)入的',

　　})

　　setTimeout(function () {

　　wx.hideLoading()

　　wx.navigateTo({

　　url: '/pages/logs/logs',

　　})

　　}, 2000)

　　}

　　}

　　})

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