perf: 优化页面

packages/app/src/pages/profile/membership.vue

@@ -1,5 +1,6 @@
 <template>
-  <view class="membership-page">
+  <view class="membership-page" :style="{ paddingTop: navBarHeight }">
+    <CustomNavBar title="我的会员卡" show-back />
     <!-- Pull-to-refresh scroll view -->
     <scroll-view
       class="scroll"
@@ -146,9 +147,12 @@ import { ref, computed, onMounted } from 'vue'
 import type { MembershipWithCardType } from '@mp-pilates/shared'
 import { MembershipStatus, CardTypeCategory } from '@mp-pilates/shared'
 import { useUserStore } from '../../stores/user'
+import CustomNavBar from '../../components/CustomNavBar.vue'
 
 const userStore = useUserStore()
 
+// ─── Nav bar height ──────────────────────────────────────
+const navBarHeight = ref('64px')
 // ─── State ────────────────────────────────────────────────
 const loading = ref(false)
 const refreshing = ref(false)
@@ -235,7 +239,11 @@ function goStore() {
 }
 
 // ─── Lifecycle ────────────────────────────────────────────
-onMounted(loadMemberships)
+onMounted(() => {
+  const sys = uni.getSystemInfoSync()
+  navBarHeight.value = `${(sys.statusBarHeight ?? 20) + Math.round(88 * sys.windowWidth / 750)}px`
+  loadMemberships()
+})
 </script>
 
 <style lang="scss" scoped>