fix(R17): UI/UX + 结单禁聊

pages.json

@@ -1,21 +1,20 @@
 {
   "pages": [
-    { "path": "pages/index/index", "style": { "navigationStyle": "custom","disableScroll": true } },
-    { "path": "pages/menu/menu", "style": { "navigationStyle": "custom","disableScroll": true } },
-    { "path": "pages/confirm/confirm", "style": { "navigationStyle": "custom","disableScroll": true } },
-    { "path": "pages/orders/orders", "style": { "navigationStyle": "custom","disableScroll": true } },
-    { "path": "pages/chat/chat", "style": { "navigationStyle": "custom","disableScroll": true } },
-    { "path": "pages/staff/login", "style": { "navigationStyle": "custom","disableScroll": true } },
-    { "path": "pages/staff/board", "style": { "navigationStyle": "custom","disableScroll": true } },
-    { "path": "pages/staff/detail", "style": { "navigationStyle": "custom","disableScroll": true } },
-    { "path": "pages/staff/chat", "style": { "navigationStyle": "custom","disableScroll": true } }
+    { "path": "pages/index/index", "style": { "navigationStyle": "custom" } },
+    { "path": "pages/menu/menu", "style": { "navigationStyle": "custom" } },
+    { "path": "pages/confirm/confirm", "style": { "navigationStyle": "custom" } },
+    { "path": "pages/orders/orders", "style": { "navigationStyle": "custom" } },
+    { "path": "pages/chat/chat", "style": { "navigationStyle": "custom" } },
+    { "path": "pages/staff/login", "style": { "navigationStyle": "custom" } },
+    { "path": "pages/staff/board", "style": { "navigationStyle": "custom" } },
+    { "path": "pages/staff/detail", "style": { "navigationStyle": "custom" } },
+    { "path": "pages/staff/chat", "style": { "navigationStyle": "custom" } }
   ],
   "globalStyle": {
-    "navigationStyle": "custom","disableScroll": true,
+    "navigationStyle": "custom",
     "navigationBarTextStyle": "white",
     "navigationBarTitleText": "纯瘾大",
     "navigationBarBackgroundColor": "#0D0D0D",
     "backgroundColor": "#0D0D0D"
   }
 }
-

pages/chat/chat.vue

@@ -69,7 +69,7 @@ export default {
 </script>
 
 <style scoped>
-
+.page-chat{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);width:100%}
 .nav-bar{height:100rpx;position:sticky;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);flex-shrink:0}
 .nav-back{font-size:36rpx;color:var(--text-dim)}
 .nav-title{font-size:32rpx;font-weight:800;color:var(--gold)}
@@ -78,6 +78,3 @@ export default {
 .chat-input{flex:1;height:76rpx;background:var(--bg);border-radius:16rpx;padding:0 28rpx;font-size:28rpx;color:var(--text)}
 .chat-send{width:104rpx;height:72rpx;border-radius:16rpx;background:var(--blue);color:#fff;border:none;font-size:26rpx;font-weight:700}
 </style>
-
-
-

pages/confirm/confirm.vue

@@ -82,7 +82,7 @@ export default {
 </script>
 
 <style scoped>
-
+.page-confirm{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);width:100%}
 .nav-bar{height:100rpx;position:sticky;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);flex-shrink:0}
 .nav-back{font-size:36rpx;color:var(--text-dim)}
 .nav-title{font-size:32rpx;font-weight:800;color:var(--gold)}
@@ -101,5 +101,3 @@ export default {
 .bell-btn{width:100%;height:96rpx;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:#1A1A1A;border:none;font-size:32rpx;font-weight:800;display:flex;align-items:center;justify-content:center;animation:pulse-glow 2s ease-in-out infinite}
 @keyframes pulse-glow{0%,100%{box-shadow:0 0 20rpx rgba(245,166,35,.3)}50%{box-shadow:0 0 40rpx rgba(245,166,35,.6)}}
 </style>
-
-

pages/index/index.vue

@@ -128,6 +128,7 @@ export default {
 
 <style scoped>
 
+.page-index{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);width:100%}
 .nav-bar{height:100rpx;position:sticky;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);flex-shrink:0}
 .nav-left{display:flex;align-items:center;gap:16rpx}
 .nav-logo{font-size:44rpx}
@@ -164,5 +165,3 @@ export default {
 .card-divider{text-align:center;color:var(--text-muted);font-size:24rpx;margin:20rpx 0;position:relative}
 .modal-footer{padding:0 36rpx 40rpx}
 </style>
-
-

pages/menu/menu.vue

@@ -138,14 +138,14 @@ export default {
 </script>
 
 <style scoped>
-
-.nav-bar{height:100rpx;position:sticky;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);flex-shrink:0;position:sticky;top:0;z-index:100;background:var(--bg)}
+.page-menu{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);width:100%}
+.nav-bar{height:100rpx;position:sticky;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);flex-shrink:0}
 .nav-left{display:flex;align-items:center;gap:16rpx}
 .nav-logo{font-size:44rpx}
 .nav-brand{font-size:40rpx;font-weight:900;color:var(--gold);letter-spacing:4rpx}
 .card-badge{background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:#1A1A1A;padding:10rpx 24rpx;border-radius:28rpx;font-weight:800;font-size:26rpx;letter-spacing:6rpx;animation:card-appear-top .5s ease}
 .my-btn{font-size:26rpx;color:var(--gold);font-weight:600}
-
+.menu-scroll{flex:1}
 .product-grid{padding:16rpx 20rpx}
 .empty-state{display:flex;flex-direction:column;align-items:center;padding:120rpx 0}
 .empty-icon{font-size:112rpx;opacity:.3}
@@ -185,5 +185,3 @@ export default {
 .cart-footer{padding:24rpx 40rpx 40rpx;flex-shrink:0}
 .next-btn{width:100%;height:96rpx;border-radius:28rpx;background:linear-gradient(135deg,var(--orange),var(--red));color:#fff;border:none;font-size:32rpx;font-weight:800;box-shadow:0 8rpx 40rpx rgba(255,107,53,.35)}
 </style>
-
-

pages/orders/orders.vue

@@ -77,7 +77,7 @@ export default {
 </script>
 
 <style scoped>
-
+.page-orders{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);width:100%}
 .nav-bar{height:100rpx;position:sticky;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);flex-shrink:0}
 .nav-back{font-size:36rpx;color:var(--text-dim)}
 .nav-title{font-size:32rpx;font-weight:800;color:var(--gold)}
@@ -92,6 +92,3 @@ export default {
 .empty-text{font-size:28rpx;color:var(--text-muted);margin:16rpx 0}
 .btn-back-menu{margin-top:40rpx;padding:16rpx 48rpx;border-radius:40rpx;background:var(--gold);color:#1A1A1A;font-size:28rpx;font-weight:700;border:none}
 </style>
-
-
-

pages/staff/board.vue

@@ -103,7 +103,7 @@ export default {
 </script>
 
 <style scoped>
-
+.page-staff-board{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);width:100%}
 .nav-bar{height:100rpx;position:sticky;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);flex-shrink:0}
 .nav-left{display:flex;align-items:center;gap:16rpx}
 .nav-logo{font-size:44rpx}
@@ -124,6 +124,3 @@ export default {
 .empty-icon{font-size:112rpx;opacity:.3}
 .empty-text{font-size:28rpx;color:var(--text-muted);margin-top:16rpx}
 </style>
-
-
-

pages/staff/chat.vue

@@ -70,7 +70,7 @@ export default {
 </script>
 
 <style scoped>
-
+.page-staff-chat{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);width:100%}
 .nav-bar{height:100rpx;position:sticky;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);flex-shrink:0}
 .nav-back{font-size:36rpx;color:var(--text-dim)}
 .nav-title{font-size:32rpx;font-weight:800;color:var(--gold)}
@@ -79,6 +79,3 @@ export default {
 .chat-input{flex:1;height:76rpx;background:var(--bg);border-radius:16rpx;padding:0 28rpx;font-size:28rpx;color:var(--text)}
 .chat-send{width:104rpx;height:72rpx;border-radius:16rpx;background:var(--blue);color:#fff;border:none;font-size:26rpx;font-weight:700}
 </style>
-
-
-

pages/staff/detail.vue

@@ -77,7 +77,7 @@ export default {
 </script>
 
 <style scoped>
-
+.page-staff-detail{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);width:100%}
 .nav-bar{height:100rpx;position:sticky;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);flex-shrink:0}
 .nav-back{font-size:36rpx;color:var(--text-dim)}
 .nav-title{font-size:32rpx;font-weight:800;color:var(--gold)}
@@ -101,6 +101,3 @@ export default {
 .empty-icon{font-size:112rpx;opacity:.3}
 .empty-text{font-size:28rpx;color:var(--text-muted);margin-top:16rpx}
 </style>
-
-
-

pages/staff/login.vue

@@ -61,6 +61,7 @@ export default {
 
 <style scoped>
 
+.page-staff-login{min-height:100vh;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}
@@ -71,5 +72,3 @@ export default {
 .back-link{margin-top:24rpx;color:var(--text-muted);font-size:24rpx}
 @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16rpx)}}
 </style>
-
-

uni.scss

@@ -26,9 +26,9 @@ page {
   color: var(--text);
   font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
   font-size: 28rpx;
-  min-height: 100vh;
+  height: 100vh;
   width: 100%;
-  padding-top: 44px;
+  padding-top: var(--status-bar-height, 0px);
 }
 
 // 动画
@@ -40,4 +40,3 @@ page {
 @keyframes fade-in-up{from{opacity:0;transform:translateY(32rpx)}to{opacity:1;transform:translateY(0)}}
 @keyframes card-appear-top{0%{transform:translateY(-40rpx) scale(.5);opacity:0}100%{transform:translateY(0) scale(1);opacity:1}}
 @keyframes float-bubble{0%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(-180rpx) scale(1.3);opacity:0}}
-