小程序自定义头部（支持自定义返回）

小程序自定义头部（返回）

咱们在开发小程序的时候，相信不少时候咱们都须要去监听用户的返回操做，而后作一些操做，查看资料发现，小程序并无这个事件，百度搜索的时候发现，写的也不多，因而本身动手写了一个自定义头部的，而且自定义返回，能够带参什么的，看本身需求，话很少说，上代码：

首先在app.json中window选项定义：

    "navigationStyle":"custom"

这样，小程序就会支持自定义头部呢。

那么，咱们怎么实现自定义头部呢。

<view style="position: fixed;width:100%;margin-top:50rpx;position: relative;">
    <view style="position: absolute;width: 40px;text-align: center" bindtap="goback">></view>
    <view style="width: 100%;text-align:center">自定义头部</view>
  </view>

这是wxml的代码.

js咱们应该怎么写呢，只须要几行代码就能够作咱们想作的事情了：

goback: function() {
    var pages = getCurrentPages();
    console.log(666,pages);
    wx.navigateBack({
      delta: pages.length-2
    })
  }

这样咱们就能够在用户返回的时候去作一些本身要作的了，是否是很简单。

 

固然如今这样还不是很完整，那就是咱们在用户返回的时候还须要去作一些操做，例如：

pages=1的时候，用户就不容许返回了。这个代码就再传了。

 

感谢您的浏览！！！！