perf: 优化页面

packages/app/src/pages/admin/orders.vue

@@ -1,5 +1,6 @@
 <template>
-  <view class="page">
+  <view class="page" :style="{ paddingTop: navBarHeight }">
+    <CustomNavBar title="订单管理" show-back />
     <!-- Status filter tabs -->
     <scroll-view scroll-x class="filter-scroll" :show-scrollbar="false">
       <view class="filter-row">
@@ -77,6 +78,7 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
+import CustomNavBar from '../../components/CustomNavBar.vue'
 import { useAdminStore } from '../../stores/admin'
 import { formatPrice, formatDate } from '../../utils/format'
 import { OrderStatus } from '@mp-pilates/shared'
@@ -84,6 +86,12 @@ import type { OrderWithDetails } from '@mp-pilates/shared'
 
 const adminStore = useAdminStore()
 
+const navBarHeight = ref('64px')
+onMounted(() => {
+  const sys = uni.getSystemInfoSync()
+  navBarHeight.value = `${(sys.statusBarHeight ?? 20) + Math.round(88 * sys.windowWidth / 750)}px`
+})
+
 const filters = [
   { label: '全部', value: '' },
   { label: '已支付', value: OrderStatus.PAID },