微信小程序标题栏非首页时home图标显示与隐藏(So easy!)

在微信小程序中,有时我们需要在非首页的时候显示home图标,有时又需要隐藏home图标,这个时候我们应该如何去做呢?阅读完此文后希望对你有所帮助!

1. 显示home图标
2. 隐藏home图标

1.显示home图标

注:使用路由跳转或者点击事件时使用 wx.redirectTo

<view>
  <view class='center'>
   <navigator url="../index/index" hover-class="none" open-type='redirect'>首页</navigator>
   <navigator url="../bottome/bottome" hover-class="none" open-type='redirect'>按钮</navigator>
</view>
</view>

2.隐藏home图标

注:wx.hideHomeButton 方法只针对于单个页面,无法适用于全局

 onShow: function () {
    wx.hideHomeButton({
      success:function(){
        console.log("隐藏成功!")
      }
    })
  },

截图1:
在这里插入图片描述

截图2:在这里插入图片描述

写在最后

如果你觉得这篇文章写得不错或者对您有用的话请帮忙点赞加收藏,毕竟原创不易;如果您觉得文章有什么地方写得不对或者需要改进的地方,欢迎通过评论私聊博主!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值