小程序自定义头部

相关头部设置

小程序全局配：小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。

页面配置：每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖 app.json 的 window 中相同的配置项。

由于自定义头部为白色时，状态栏时间、电量等需要设置为黑色。

微信版本7.0.0以上支持单个页面进行头部配置，6.6.0以上只支持全局头部配置。

由于7.0以上版本太高，也可以理解成目前微信小程序不支持单个页面设置，一旦在要决定使用自定义导航栏，那么每个页面都需要设置，为了方便我就将其写成了一个组件。

自定义头部组件

获取头部高度

wx.getSystemInfo获取系统信息，将自定义头部高度放到全局变量中