微信小程序底部隐藏导航栏

微信小程序底部隐藏导航栏,第1张

微信小程序底部隐藏导航栏是指在小程序中,可以设置底部导航栏不显示,从而达到隐藏的效果。这样可以颂悄让小程序的界面更加简洁,也可以让用户更加专注于当前页面的内容。要实现这个效果,需要在小程序的代码中添加一些代码,让底部导航栏不显示。例如,在app.json文件中,可以添加“window”字码毁段,并将“showTabBar”字段设置为false,即可实迟樱备现隐藏底部导航栏的效果。

一、自定义导航栏组件

二、设置导航栏固定样式 :

此时,页面主体内容头部会有一部分被导航栏遮住在底下 ,这是因为position定位不占瀑布流空间,历塌为解决这个问题,可以给自定义导航栏加空一唤拦个高度等于导航栏的view,以此给导航栏在页面中占位,且高度等于导航栏高度

topHeight = wx.db.statusBarHeight 和烂胡+ wx.db.navBarHeight

完美解决!!!小程序仿原生自定义导航栏

有时候我们的弊颤微信仔谨小程序设计效果不需要顶部念卜基的导航条

可以参考微信小程序官方文档进行页面配置

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12517161.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存