perf: 优化 UI

packages/app/src/pages/home/index.vue

@@ -1,12 +1,11 @@
 <template>
-  <view class="home-page" :style="pageStyle">
-    <!-- ──────────── Custom nav bar ──────────── -->
-    <CustomNavBar title="场馆首页" />
-
+  <view class="home-page">
     <!-- Pull-to-refresh wrapper -->
     <scroll-view
       class="page-scroll"
       scroll-y
+      :scroll-top="scrollTop"
+      :scroll-with-animation="true"
       :refresher-enabled="true"
       :refresher-triggered="refreshing"
       @refresherrefresh="handleRefresh"
@@ -42,7 +41,6 @@
 import { ref, computed } from 'vue'
 import { onShow, onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app'
 
-import CustomNavBar from '../../components/CustomNavBar.vue'
 import BrandBanner from '../../components/BrandBanner.vue'
 import StudioInfo from '../../components/StudioInfo.vue'
 import QuickEntry from '../../components/QuickEntry.vue'
@@ -52,7 +50,6 @@ import CardShop from '../../components/CardShop.vue'
 import { useUserStore } from '../../stores/user'
 import { useStudioStore } from '../../stores/studio'
 import { useBookingStore } from '../../stores/booking'
-import { getSystemLayout } from '../../utils/system'
 
 const userStore = useUserStore()
 const studioStore = useStudioStore()
@@ -75,24 +72,10 @@ onShareTimeline(() => {
 })
 
 // ─── Layout ───────────────────────────────────────────────
-const navBarHeight = ref('64px')
-
-function updateLayout() {
-  const { statusBarHeight: statusBarPx, windowWidth, navBarHeight: navBarPx } = getSystemLayout()
-  const ratio = windowWidth / 750
-  const navTitlePx = 88 * ratio
-  navBarHeight.value = `${navBarPx}px`
-}
-
-updateLayout()
-
-const pageStyle = computed(() => ({
-  '--nav-bar-height': navBarHeight.value,
-}))
-
 const refreshing = ref(false)
 const cardShopRef = ref<InstanceType<typeof CardShop> | null>(null)
 const cardShopAnchorId = 'card-shop-anchor'
+const scrollTop = ref(0)
 
 // Refresh all data on every show
 onShow(async () => {
@@ -125,22 +108,28 @@ async function handleRefresh() {
 }
 
 function scrollToCardShop() {
-  uni.pageScrollTo({
-    selector: `#${cardShopAnchorId}`,
-    duration: 300,
-  })
+  uni.createSelectorQuery()
+    .select(`#${cardShopAnchorId}`)
+    .boundingClientRect((rect) => {
+      if (rect) {
+        scrollTop.value = rect.top
+      }
+    })
+    .exec()
 }
 </script>
 
 <style lang="scss" scoped>
 .home-page {
-  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
   background: #FAF8F5;
-  padding-top: var(--nav-bar-height);
 }
 
 .page-scroll {
-  height: calc(100vh - var(--nav-bar-height));
+  flex: 1;
+  overflow-y: auto;
 }
 
 .section-divider {