perf: 优化页面

packages/app/src/pages/admin/slot-adjust.vue

@@ -1,5 +1,6 @@
 <template>
-  <view class="page">
+  <view class="page" :style="{ paddingTop: navBarHeight }">
+    <CustomNavBar title="时段调整" show-back />
     <!-- Tabs -->
     <view class="tabs">
       <view
@@ -138,13 +139,15 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, onMounted } from 'vue'
+import CustomNavBar from '../../components/CustomNavBar.vue'
 import { useAdminStore } from '../../stores/admin'
 import { formatDate } from '../../utils/format'
 import type { TimeSlot } from '@mp-pilates/shared'
 
 const adminStore = useAdminStore()
 
+const navBarHeight = ref('64px')
 const tabs = ['新增时段', '关闭时段', '批量生成']
 const activeTab = ref(0)
 const submitting = ref(false)
@@ -242,6 +245,11 @@ async function submitGenerate() {
     submitting.value = false
   }
 }
+
+onMounted(() => {
+  const sys = uni.getSystemInfoSync()
+  navBarHeight.value = `${(sys.statusBarHeight ?? 20) + Math.round(88 * sys.windowWidth / 750)}px`
+})
 </script>
 
 <style lang="scss" scoped>