小程序自定義頭部（支持自定義返回）

小程序自定義頭部（返回）

我們在開發小程序的時候，相信很多時候我們都需要去監聽用戶的返回操作，然后做一些操作，查看資料發現，小程序並沒有這個事件，百度搜索的時候發現，寫的也很少，於是自己動手寫了一個自定義頭部的，並且自定義返回，可以帶參什么的，看自己需求，話不多說，上代碼：

首先在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的時候，用戶就不允許返回了。這個代碼就再傳了。

 

感謝您的瀏覽！！！！