fix(R19): 顶部位置+高度修正

pages/index/index.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="page-index">
-    <view class="nav-bar" :style="{ top: statusBarHeight + 'px' }">
+    <view class="nav-bar" :style="{ top: navBarHeight + 'px' }">
       <view class="nav-left">
         <text class="nav-logo">🍸</text>
         <text class="nav-brand">纯瘾大</text>
@@ -76,7 +76,7 @@ export default {
     const generated = ref(false)
     const inputNo = ref('')
     const cardNo = ref('')
-    const statusBarHeight = ref(0)
+    const navBarHeight = ref(44) // 默认导航栏高度
     let navTimer = null
 
     function goMenu() {
@@ -122,18 +122,14 @@ export default {
     function goMyOrders() { uni.navigateTo({ url: '/pages/orders/orders' }) }
     function goStaffLogin() { uni.navigateTo({ url: '/pages/staff/login' }) }
 
-    return { showModal, generated, inputNo, cardNo, statusBarHeight, onGenerate, onCheck, onMaskTap, goMyOrders, goStaffLogin }
-  },
-  created() {
-    const systemInfo = uni.getSystemInfoSync()
-    this.statusBarHeight = systemInfo.statusBarHeight
+    return { showModal, generated, inputNo, cardNo, navBarHeight, onGenerate, onCheck, onMaskTap, goMyOrders, goStaffLogin }
   }
 }
 </script>
 
 <style scoped>
 
-.page-index{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);width:100%}
+.page-index{height:calc(100vh - 44px);display:flex;flex-direction:column;background:var(--bg);width:100%}
 .nav-bar{height:100rpx;position:fixed;top:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:space-between;padding:0 28rpx;border-bottom:1px solid var(--border);width:100%}
 .nav-left{display:flex;align-items:center;gap:16rpx}
 .nav-logo{font-size:44rpx}

pages/staff/login.vue

@@ -61,7 +61,7 @@ export default {
 
 <style scoped>
 
-.page-staff-login{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);width:100%}
+.page-staff-login{height:calc(100vh - 44px);display:flex;flex-direction:column;background:var(--bg);width:100%}
 .login-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80rpx 64rpx}
 .login-logo{font-size:120rpx;animation:float 3s ease-in-out infinite}
 .login-title{font-size:44rpx;font-weight:800;color:var(--gold);margin:24rpx 0 8rpx}