Browse Source

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

dev
cursor 1 day ago
parent
commit
ba97691189
11 changed files with 23 additions and 46 deletions
  1. +10
    -11
      pages.json
  2. +1
    -4
      pages/chat/chat.vue
  3. +1
    -3
      pages/confirm/confirm.vue
  4. +1
    -2
      pages/index/index.vue
  5. +3
    -5
      pages/menu/menu.vue
  6. +1
    -4
      pages/orders/orders.vue
  7. +1
    -4
      pages/staff/board.vue
  8. +1
    -4
      pages/staff/chat.vue
  9. +1
    -4
      pages/staff/detail.vue
  10. +1
    -2
      pages/staff/login.vue
  11. +2
    -3
      uni.scss

+ 10
- 11
pages.json View File

@ -1,21 +1,20 @@
{ {
"pages": [ "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": { "globalStyle": {
"navigationStyle": "custom","disableScroll": true,
"navigationStyle": "custom",
"navigationBarTextStyle": "white", "navigationBarTextStyle": "white",
"navigationBarTitleText": "纯瘾大", "navigationBarTitleText": "纯瘾大",
"navigationBarBackgroundColor": "#0D0D0D", "navigationBarBackgroundColor": "#0D0D0D",
"backgroundColor": "#0D0D0D" "backgroundColor": "#0D0D0D"
} }
} }

+ 1
- 4
pages/chat/chat.vue View File

@ -69,7 +69,7 @@ export default {
</script> </script>
<style scoped> <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-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-back{font-size:36rpx;color:var(--text-dim)}
.nav-title{font-size:32rpx;font-weight:800;color:var(--gold)} .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-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} .chat-send{width:104rpx;height:72rpx;border-radius:16rpx;background:var(--blue);color:#fff;border:none;font-size:26rpx;font-weight:700}
</style> </style>

+ 1
- 3
pages/confirm/confirm.vue View File

@ -82,7 +82,7 @@ export default {
</script> </script>
<style scoped> <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-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-back{font-size:36rpx;color:var(--text-dim)}
.nav-title{font-size:32rpx;font-weight:800;color:var(--gold)} .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} .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)}} @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> </style>

+ 1
- 2
pages/index/index.vue View File

@ -128,6 +128,7 @@ export default {
<style scoped> <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-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-left{display:flex;align-items:center;gap:16rpx}
.nav-logo{font-size:44rpx} .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} .card-divider{text-align:center;color:var(--text-muted);font-size:24rpx;margin:20rpx 0;position:relative}
.modal-footer{padding:0 36rpx 40rpx} .modal-footer{padding:0 36rpx 40rpx}
</style> </style>

+ 3
- 5
pages/menu/menu.vue View File

@ -138,14 +138,14 @@ export default {
</script> </script>
<style scoped> <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-left{display:flex;align-items:center;gap:16rpx}
.nav-logo{font-size:44rpx} .nav-logo{font-size:44rpx}
.nav-brand{font-size:40rpx;font-weight:900;color:var(--gold);letter-spacing:4rpx} .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} .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} .my-btn{font-size:26rpx;color:var(--gold);font-weight:600}
.menu-scroll{flex:1}
.product-grid{padding:16rpx 20rpx} .product-grid{padding:16rpx 20rpx}
.empty-state{display:flex;flex-direction:column;align-items:center;padding:120rpx 0} .empty-state{display:flex;flex-direction:column;align-items:center;padding:120rpx 0}
.empty-icon{font-size:112rpx;opacity:.3} .empty-icon{font-size:112rpx;opacity:.3}
@ -185,5 +185,3 @@ export default {
.cart-footer{padding:24rpx 40rpx 40rpx;flex-shrink:0} .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)} .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> </style>

+ 1
- 4
pages/orders/orders.vue View File

@ -77,7 +77,7 @@ export default {
</script> </script>
<style scoped> <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-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-back{font-size:36rpx;color:var(--text-dim)}
.nav-title{font-size:32rpx;font-weight:800;color:var(--gold)} .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} .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} .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> </style>

+ 1
- 4
pages/staff/board.vue View File

@ -103,7 +103,7 @@ export default {
</script> </script>
<style scoped> <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-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-left{display:flex;align-items:center;gap:16rpx}
.nav-logo{font-size:44rpx} .nav-logo{font-size:44rpx}
@ -124,6 +124,3 @@ export default {
.empty-icon{font-size:112rpx;opacity:.3} .empty-icon{font-size:112rpx;opacity:.3}
.empty-text{font-size:28rpx;color:var(--text-muted);margin-top:16rpx} .empty-text{font-size:28rpx;color:var(--text-muted);margin-top:16rpx}
</style> </style>

+ 1
- 4
pages/staff/chat.vue View File

@ -70,7 +70,7 @@ export default {
</script> </script>
<style scoped> <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-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-back{font-size:36rpx;color:var(--text-dim)}
.nav-title{font-size:32rpx;font-weight:800;color:var(--gold)} .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-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} .chat-send{width:104rpx;height:72rpx;border-radius:16rpx;background:var(--blue);color:#fff;border:none;font-size:26rpx;font-weight:700}
</style> </style>

+ 1
- 4
pages/staff/detail.vue View File

@ -77,7 +77,7 @@ export default {
</script> </script>
<style scoped> <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-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-back{font-size:36rpx;color:var(--text-dim)}
.nav-title{font-size:32rpx;font-weight:800;color:var(--gold)} .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-icon{font-size:112rpx;opacity:.3}
.empty-text{font-size:28rpx;color:var(--text-muted);margin-top:16rpx} .empty-text{font-size:28rpx;color:var(--text-muted);margin-top:16rpx}
</style> </style>

+ 1
- 2
pages/staff/login.vue View File

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

+ 2
- 3
uni.scss View File

@ -26,9 +26,9 @@ page {
color: var(--text); color: var(--text);
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
font-size: 28rpx; font-size: 28rpx;
min-height: 100vh;
height: 100vh;
width: 100%; 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 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 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}} @keyframes float-bubble{0%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(-180rpx) scale(1.3);opacity:0}}

Loading…
Cancel
Save