小程序页面分享-微信小程序,分享页面进入,返回首页处理办法（附源码）-小程序分享-即速应用

小程序页面分享-微信小程序,分享页面进入,返回首页处理办法（附源码）-小程序分享

浏览量：1834 时间：2020-03-20 来源：刺心疯

1.微信小程序分享的页面,点击进入的时候,是没有tab栏的,如果要回到首页,可以自己添加一个悬浮的返回首页按钮,这样,就能返回首页了
2.页面主要代码js
Page({/***页面的初始数据:isshare=0,表示不是从分享进入,isshare=1表示是从分享进入*/data:{isshare:0,},/***生命周期函数--监听页面加载*/onLoad:function(options){console.log(options);//可以在页面onLoad中去获取页面url中的参数(下面onShareAppMessage函数中配置)if(options.isshare==1){console.log('是分享进入');this.setData({'isshare':options.isshare})}},/***用户点击右上角分享(path中配置了参数isshare=1,用来onLoad中判断是否用户从分享出去的页面点击进入)*/onShareAppMessage:function(){return{title:'配置分享显示的标题',path:'/pages/home/project-detail/project-detail?isshare=1',success:function(res){//转发成功},fail:function(res){//转发失败}}},/***回到首页(分享的时候)*/backHome:function(){wx.reLaunch({url:'/pages/home/home-index/home-index'})}})
3.wxml
viewclass='container'页面主要内容/view!--回到首页(分享的时候显示)--imagewx:if="{{isshare}}"bindtap='backHome'class='d-back-home'src='http://cdn.xcx.pemarket.com.cn/icon-Return%20to%20the%20home%20page.png'lazy-load/image
4.wxss
/*回到首页,固定定位,悬浮*/.d-back-home{position:fixed;width:96rpx;height:96rpx;right:30rpx;bottom:166rpx;z-index:10000;}