探索、思考、创造、分享

数据驱动、坚持为客户提供有价值的服务和内容

当前位置:首页>小程序资讯
微信小程序实现原生导航栏和自定义头部导航栏
来源:南京小程序开发 发布时间:2023-08-20点击:110

原生导航栏:

app.json

自定义头部导航栏:

因为不同的手机型号头部导航栏高度可能不一致,所以为了适配更多型号,需要动态计算导航栏的高度。


状态栏高度可以通过 wx.getSystemInfo()获取;

胶囊信息可以通过 wx.getMenuButtonBoundingClientRect() 获取;

所以导航栏高度=状态栏高度+胶囊按钮的高度+(

  • 上一篇:微信小程序自定义导航栏
  • 下一篇:微信小程序滑动导航栏
  • 版权备注
    最新资讯
    2023-09-22
    个人微信小程序怎么上线使用
    微信小程序 如何申请?我们先了解下小程序开发的步骤流程:第一步,申请小程序账号并认证第二步,开通微信···
    2023-09-22
    电脑登陆微信小程序打不开已经是最新版本
    mac版微信小程序工具打不开微信缓存太多。手机缓存就是数据交换的缓冲区。手机缓存可通过手机管家进行清···
    2023-09-22
    小程序内容怎么打印
    老师在微信发来孩子作业,用打印机怎么操作才可以打印出来?Ⅴ信发来的文档、作业,不是看打印机怎么操作才···
    2023-09-22
    微信电脑版打开小程序黑屏怎么办
    微信电脑客户端打开后黑屏不能动把它卸载了,然后用你的优化软件清理下系统缓存垃圾、注册列表,然后去官网···
    2023-09-22
    微信小程序手机号快速验证组件升级,8 月 26 日起向开发者收费,这一组件能给用户使用带来哪些便利?
    在这里插入图片描述收费说明付费使用在这里插入图片描述手机号快速验证组件
    随机资讯
    2023-09-19
    如何在小程序中添加广告并获取收益
    小程序广告组件最近全面开放,门槛十分低,只需要累计独立访客(UV)不低于1000 并且没有严重违规记···
    2023-08-29
    免费即可使用,付费可用更多高级功能和服务
    各版本详细对比免费版¥0/年
    2023-08-29
    鸿蒙系统运行微信小程序速度慢
    mate30玩微信小程序游戏卡mate30玩微信小程序游戏卡原因如下:1、检查网络是否正常,在网络信···
    2023-08-12
    小程序开发流程面试
    自学编程(vc++) 未来的路怎么走,已经能够自己开发一些小程序了,可惜却过不了学历这一关,至今没面···
    2023-09-20
    简述单片机具体的开发流程
    简述单片机应用系统的开发流程。简述单片机应用系统的开发流程。单雨亚紧互片机应用系统开发流程一般包括以···
    友情链接: 南京网站建设 南京小程序开发 北京网站建设 网站仿制 深圳小程序开发