fix: resolve header overlap on Dynamic Island iPhones

- app.js 通过 wx.getSystemInfoSync 获取 statusBarHeight 存入 globalData
- 所有12个自定义导航页面的 JS 读取 statusBarHeight
- WXML 通过 style="padding-top: {{statusBarHeight + 24}}px" 动态适配
- 普通手机和灵动岛手机都能正确显示

miniprogram/pages/treating/treating.js

@@ -2,6 +2,7 @@ var ble = require('../../services/ble')
 
 Page({
   data: {
+    statusBarHeight: 44,
     regions: 0,
     wavelength: 2,
     duration: 600000,
@@ -16,6 +17,8 @@ Page({
   },
 
   onLoad: function (options) {
+    var app = getApp()
+    this.setData({ statusBarHeight: app.globalData.statusBarHeight })
     this.setData({
       regions: parseInt(options.regions) || 0x7F,
       wavelength: parseInt(options.wavelength) || 2,

miniprogram/pages/treating/treating.wxml

@@ -1,5 +1,5 @@
 <view class="page">
-  <view class="page-header page-header-blue">
+  <view class="page-header page-header-blue" style="padding-top: {{statusBarHeight + 24}}px;">
     <view class="page-header-title">护理中</view>
     <view class="page-header-subtitle">正在护理...</view>
   </view>