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/ble-connect/ble-connect.js

@@ -3,6 +3,7 @@ var app = getApp()
 
 Page({
   data: {
+    statusBarHeight: 44,
     deviceId: '',
     bindToken: '',
     state: 'scanning',
@@ -10,6 +11,7 @@ Page({
   },
 
   onLoad: function (options) {
+    this.setData({ statusBarHeight: app.globalData.statusBarHeight })
     this.setData({
       deviceId: options.device_id || '',
       bindToken: options.bind_token || ''

miniprogram/pages/ble-connect/ble-connect.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">{{state === 'scanning' ? '正在搜索设备...' : state === 'connecting' ? '正在连接设备...' : state === 'binding' ? '正在绑定...' : '连接失败'}}</view>
   </view>