perf: 优化页面

packages/app/src/pages/admin/week-template.vue

@@ -1,5 +1,6 @@
 <template>
-  <view class="page">
+  <view class="page" :style="{ paddingTop: navBarHeight }">
+    <CustomNavBar title="排课模板" show-back />
     <!-- Toolbar -->
     <view class="toolbar">
       <text class="toolbar-hint">共 {{ templates.length }} 条模板</text>
@@ -137,6 +138,7 @@
 
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
+import CustomNavBar from '../../components/CustomNavBar.vue'
 import { useAdminStore } from '../../stores/admin'
 import { WEEKDAY_LABELS } from '@mp-pilates/shared'
 import type { WeekTemplate } from '@mp-pilates/shared'
@@ -151,6 +153,7 @@ type LocalTemplate = Partial<WeekTemplate> & {
 }
 
 const adminStore = useAdminStore()
+const navBarHeight = ref('64px')
 const loading = ref(false)
 const saving = ref(false)
 const isDirty = ref(false)
@@ -318,7 +321,11 @@ async function handleSave() {
   }
 }
 
-onMounted(fetchTemplates)
+onMounted(() => {
+  const sys = uni.getSystemInfoSync()
+  navBarHeight.value = `${(sys.statusBarHeight ?? 20) + Math.round(88 * sys.windowWidth / 750)}px`
+  fetchTemplates()
+})
 </script>
 
 <style lang="scss" scoped>