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

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

咱們在開發小程序的時候，相信不少時候咱們都須要去監聽用戶的返回操做，而後作一些操做，查看資料發現，小程序並無這個事件，百度搜索的時候發現，寫的也不多，因而本身動手寫了一個自定義頭部的，而且自定義返回，能夠帶參什麼的，看本身需求，話很少說，上代碼：

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

 

感謝您的瀏覽！！！！