perf: 优化页面

packages/app/src/pages/card/detail.vue

@@ -1,5 +1,6 @@
 <template>
-  <view class="card-detail-page">
+  <view class="card-detail-page" :style="{ paddingTop: navBarHeight }">
+    <CustomNavBar title="购买会员卡" show-back />
     <!-- Loading state -->
     <view v-if="loading" class="loading-wrap">
       <view class="skeleton-header" />
@@ -130,9 +131,13 @@ import { CardTypeCategory } from '@mp-pilates/shared'
 import { get, post } from '../../utils/request'
 import { formatPrice } from '../../utils/format'
 import { useUserStore } from '../../stores/user'
+import CustomNavBar from '../../components/CustomNavBar.vue'
 
 const userStore = useUserStore()
 
+// ─── Nav bar height ──────────────────────────────────────────
+const navBarHeight = ref('64px')
+
 // ─── Route params ──────────────────────────────────────────
 const cardId = ref<string>('')
 const isTrial = ref(false)
@@ -273,6 +278,9 @@ async function doPurchase() {
 
 // ─── Lifecycle ────────────────────────────────────────────
 onMounted(() => {
+  const sys = uni.getSystemInfoSync()
+  navBarHeight.value = `${(sys.statusBarHeight ?? 20) + Math.round(88 * sys.windowWidth / 750)}px`
+
   const pages = getCurrentPages()
   const current = pages[pages.length - 1]
   const options = (current as { options?: Record<string, string> }).options ?? {}