uni-app ios 刘海状态栏高度不对

在iOS设备上，状态栏高度适配问题通常与安全区域（Safe Area）处理有关。根据你提供的截图和描述，状态栏下方多出一块空白区域，这很可能是因为页面没有正确适配iOS刘海屏的安全区域。

主要原因：

1. 安全区域未适配：iOS刘海屏设备（如iPhone X）的状态栏高度与普通设备不同，需要处理安全区域以避免内容被遮挡。
2. 页面样式未适配：页面可能未设置padding-top或未使用uni-app提供的安全区域变量。

解决方案：

1. 全局配置：在pages.json中为页面添加"safearea": { "bottom": { "offset": "auto" } }，或设置"safearea": "none"（不推荐，可能导致内容被遮挡）。
2. CSS适配：使用uni-app内置的CSS变量--status-bar-height和--top-window-height（HBuilderX 3.1.0+支持）来动态设置顶部间距。例如：

   .page {
     padding-top: calc(var(--status-bar-height) + 10px); /* 状态栏高度 + 自定义间距 */
   }
   

3. JS获取高度：通过uni.getSystemInfoSync()获取状态栏高度，动态设置样式：

   const systemInfo = uni.getSystemInfoSync();
   const statusBarHeight = systemInfo.statusBarHeight;