主要介绍了微信小程序自定义顶部组件customHeader的相关知识，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

1、开启配置自定义顶部 { "window": { "navigationStyle":"custom" } } 在app.json的文件window配置”navigationStyle”: “custom”属性即可 2、自定义顶部计算原理 2.1 获取系统状态栏的高度和屏幕宽度 使用wx.getSystemInfo这个函数获取系统状态栏的高度和屏幕宽度。 2.2 获取右上角胶囊位置信息 使用wx.getMenuButtonBoundingClientRect()方法获取右上角胶囊位