小编给大家分享一下小程序之分享页面怎么返回首页,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
做小程序开发发现,页面分享出去后,用户通过分享进去的页面很难找到返首页的情况。(微信官方操作是点击右上角三个点,在手机下方显示返回首页)。民间很多方案是自己在页面加个悬浮家标注。
今天我分享另外一种方法。请看下面gif;
有没有发现,左上角有返回按钮了。原理简单,在你要分享的页面,分享配置时配置你的首页,并带上对应的参数,在首页> & lt; !——index.wxml祝辞 & lt; view 类=癱ontainer"祝辞 & lt; text>我是首页& lt;/text> ,& lt; button bindtap=& # 39; goLogs& # 39;祝辞go logsPage & lt;/view> const app =, getApp () 页面({ ,数据:{ ,,座右铭:& # 39;Hello & # 39; ,,用户信息:{}, ,,hasUserInfo:假的, canIUse才能:wx.canIUse (& # 39; button.open-type.getUserInfo& # 39;) }, ,//事件处理函数 ,goLogs:函数(),{ wx.navigateTo({才能 ,,,url: & # 39;/页面/日志/日志# 39; })才能 }, ,onLoad: function (选项),{ console.log才能(选项) if 才能;(options.share_query) { ,,wx.showLoading ({ ,,,标题:,& # 39;我是从分享页面进入的& # 39;, ,,}) ,,setTimeout (function (), { ,,,wx.hideLoading () ,,,wx.navigateTo ({ ,,,,url:, & # 39;/页面/logs/日志# 39; ,,,}) ,,},,2000) ,, ,,} ,,} , }） & lt; !——logs.wxml祝辞 & lt; view 类=癱ontainer log-list"比; ,& lt; block wx:=皗{日志}},,天气:项=發og"比; & lt;才能text 类=發og-item"在{{index +, 1}}只{{日志}}& lt;/text> ,& lt;/block> & lt;/view> const app =, getApp () 页面({ ,数据:{ ,,座右铭:& # 39;Hello & # 39; ,,用户信息:{}, ,,hasUserInfo:假的, canIUse才能:wx.canIUse (& # 39; button.open-type.getUserInfo& # 39;) }, ,//事件处理函数 ,goLogs:函数(),{ wx.navigateTo({才能 ,,,url: & # 39;/页面/日志/日志# 39; })才能 }, ,onLoad: function (选项),{ console.log才能(选项)//才能判断是否分享进入 if 才能;(options.share_query) { ,,wx.showLoading ({ ,,,标题:,& # 39;我是从分享页面进入的& # 39;, ,,}) ,,setTimeout (function (), { ,,,wx.hideLoading () ,,,wx.navigateTo ({ ,,,,url:, & # 39;/页面/logs/日志# 39; ,,,}) ,,,},2000),, ,,} ,,}, })
以上是“小程序之分享页面怎么返回首页”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
