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

wgs-blog 2019-07-04 原文

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

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

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

首先在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的时候,用户就不允许返回了。这个代码就再传了。

 

感谢您的浏览!!!!

发表于 2019-07-04 16:36 帅blog 阅读() 评论() 编辑 收藏

 

版权声明:本文为wgs-blog原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/wgs-blog/p/11133284.html

小程序自定义头部(支持自定义返回)的更多相关文章

随机推荐

  1. 百万级日活 App 的屏幕录制功能是如何实现的

    Android 从 4.0 开始就提供了手机录屏方法,但是需要 root 权限,比较麻烦不容易实现。但是从 5 […]...

  2. javaWEB简单商城项目

    javaWEB简单商城项目(一) 项目中使用到了上一篇博文的分页框架,还有mybatis,重点是学习mybat […]...

  3. Word 2007 某些版本中会遇到不能添加页码的问题(正式和试用版都可能遇到)

    解决方法如下: 1.打开Word 2007 2.单击Microsoft Office按钮 3.单击Word 选 […]...

  4. c++排序算法

    前言 我相信再看这篇文章的童鞋已经学完语言部分了吧。 学完语言后就应该学习算法,而最先应该学的算法就是排序 虽 […]...

  5. 查看Centos内核版本 – HI END

    查看centos内核的版本: 1)[root@localhost ~]# cat /proc/version […]...

  6. 一文带你学会AQS和并发工具类的关系2

    1.创建公平锁 1.使用方式 Lock reentrantLock = new ReentrantLock(t […]...

  7. macbook pro。已经连接上wifi,但是,不能上网的问题 – youxiaogeo

    macbook pro。已经连接上wifi,但是,不能上网的问题  有天,macbook pro关机后,再打开 […]...

  8. ​借助云开发数据库实现小程序列表上拉刷新功能丨云开发101

    上一期101专栏中,我们介绍了如何借助云开发数据库实现小程序的列表触底自动加载功能,相对应的,小程序列表上拉刷 […]...

展开目录

目录导航