分类：微信小程序自定义组件

2020
10-01

微信小程序自定义顶部组件customHeader的示例代码

1、开启配置自定义顶部{"window":{"navigationStyle":"custom"}}在app.json的文件window配置"navigationStyle":"custom"属性即可2、自定义顶部计算原理2.1获取系统状态栏的高度和屏幕宽度使用wx.getSystemInfo这个函数获取系统状态栏的高度和屏幕宽度。2.2获取右上角胶囊位置信息使用wx.getMenuButtonBoundingClientRect()方法获取右上角胶囊位置信息。关键问题在于自定义胶囊的上、下和左边距。2.3自定义顶部距离计算代码... 继续阅读 >