zoukankan      html  css  js  c++  java
  • 小程序自定义头部(支持自定义返回)

    小程序自定义头部(返回)

    我们在开发小程序的时候,相信很多时候我们都需要去监听用户的返回操作,然后做一些操作,查看资料发现,小程序并没有这个事件,百度搜索的时候发现,写的也很少,于是自己动手写了一个自定义头部的,并且自定义返回,可以带参什么的,看自己需求,话不多说,上代码:

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

        "navigationStyle":"custom"

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

    那么,我们怎么实现自定义头部呢。

    <view style="position: fixed;100%;margin-top:50rpx;position: relative;">
        <view style="position: absolute; 40px;text-align: center" bindtap="goback">></view>
        <view style=" 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的时候,用户就不允许返回了。这个代码就再传了。

    感谢您的浏览!!!!

  • 相关阅读:
    讯时新闻系统再探
    三顾讯时对讯时新闻发布系统的艰难突破
    MsSQL注入猜解数据库技术
    提取中国IP段信息
    翻译杂感 via刘未鹏
    学习密度与专注力
    Cross Compilation Toolchains
    RHEL/CentOS 6.0使用第三方软件库(EPEL与RPMForge、RPMFusion软件库)
    一个很好的shell配置文件
    Cloud Computing
  • 原文地址:https://www.cnblogs.com/wgs-blog/p/11133284.html
Copyright © 2011-2022 走看看