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/auto-scan/auto-scan.js

@@ -2,6 +2,7 @@ var ble = require('../../services/ble')
 
 Page({
   data: {
+    statusBarHeight: 44,
     scanning: true,
     scanProgress: 0,
     regionData: [],
@@ -9,6 +10,8 @@ Page({
   },
 
   onLoad: function () {
+    var app = getApp()
+    this.setData({ statusBarHeight: app.globalData.statusBarHeight })
     this.startScan()
   },
 

miniprogram/pages/auto-scan/auto-scan.wxml

@@ -1,5 +1,5 @@
 <view class="page">
-  <view class="page-header page-header-pink">
+  <view class="page-header page-header-pink" style="padding-top: {{statusBarHeight + 24}}px;">
     <view class="page-header-title">自动扫描</view>
     <view class="page-header-subtitle">正在识别面部...</view>
   </view>