移除前端中的会员卡和支付相关，新增微信一键登录

gym-manage-uniapp/components/index/PageHeader.vue

@@ -1,5 +1,5 @@
-<template>
-  <!-- 状态栏占位区（仅 App 端生效，H5/小程序无状态栏概念） -->
+<template>
+  <!-- 状态栏占位区，为刘海屏和安全区域留出空间 -->
   <view class="tab-page__status-bar" :style="{ height: statusBarHeight + 'px' }"></view>
   <!-- 导航栏主体 -->
   <view class="tab-page__header">
@@ -38,15 +38,9 @@ const isAnimating = ref(false)
 const statusBarHeight = ref(0)
 
 onMounted(() => {
-  // #ifdef APP-PLUS
-  // App 端获取真实状态栏高度（px）
+  // 所有平台获取状态栏高度，为刘海屏/状态栏留出安全空间
   const sysInfo = uni.getSystemInfoSync()
   statusBarHeight.value = sysInfo.statusBarHeight || 0
-  // #endif
-  // #ifndef APP-PLUS
-  // H5/小程序：状态栏由浏览器或框架处理，不额外占位
-  statusBarHeight.value = 0
-  // #endif
 
   if (props.showBack) {
     isAnimating.value = true
@@ -65,9 +59,13 @@ function goBack() {
 </script>
 
 <style lang="scss" scoped>
-/* 状态栏占位：仅在 App 端有高度，H5/小程序为 0，背景继承页面 */
+/* 状态栏占位：适配所有平台，包含刘海屏安全区域 */
 .tab-page__status-bar {
   width: 100%;
+  /* iOS 刘海屏额外安全区域 */
+  padding-top: constant(safe-area-inset-top);  /* iOS 11.0-11.2 */
+  padding-top: env(safe-area-inset-top);       /* iOS 11.2+ */
+  box-sizing: content-box;
 }
 
 .tab-page__header {