From c7fdc55914171468aa0aa2b6f032aebfc578bbda Mon Sep 17 00:00:00 2001
From: cursor <yiyezhiqiutel@163.com>
Date: Tue, 9 Jun 2026 03:49:16 +0800
Subject: [PATCH] =?UTF-8?q?feat(R24):=20=E5=BF=AB=E6=8D=B7=E5=A4=87?=
 =?UTF-8?q?=E6=B3=A8+=E5=A4=87=E6=B3=A8=E6=96=87=E6=A1=88+=E5=91=98?=
 =?UTF-8?q?=E5=B7=A5=E5=85=A5=E5=8F=A3+=E8=AE=A2=E5=8D=95=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E5=95=86=E5=93=81=E5=90=8D+=E6=AF=8F=E9=85=92?=
 =?UTF-8?q?=E4=B8=80=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/OrderCard.vue  | 14 +++++++++++---
 pages/confirm/confirm.vue |  3 ++-
 pages/index/index.vue     |  5 +++--
 utils/constants.js        | 10 +++++++---
 4 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/components/OrderCard.vue b/components/OrderCard.vue
index 6fb698a..09b097b 100644
--- a/components/OrderCard.vue
+++ b/components/OrderCard.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <view class="order-card" :class="{ pulse: order.status === 0 }">
     <view class="card-header">
       <view>
@@ -8,7 +8,12 @@
       <text class="status-badge" :class="statusClass">{{ statusLabel }}</text>
     </view>
     <view class="card-body">
-      <text class="card-items">{{ order.items.map(i=>i.name+'×'+i.qty).join('、') }}</text>
+      <view class="card-items">
+        <view v-for="(item, idx) in order.items" :key="idx" class="card-item-row">
+          <text class="card-item-name">{{ item.name }}</text>
+          <text class="card-item-qty">×{{ item.qty }}</text>
+        </view>
+      </view>
       <text v-if="order.note" class="card-note">💬 {{ order.note }}</text>
       <text class="card-time">{{ order.submittedAt }}</text>
       <slot name="actions"></slot>
@@ -43,7 +48,10 @@ export default {
 .status-done{background:rgba(46,213,115,.15);color:#2ED573}
 .status-cancelled{background:rgba(116,125,140,.15);color:#747D8C}
 .card-body{padding-top:8rpx}
-.card-items{font-size:26rpx;color:var(--text);display:block}
+.card-items{padding:4rpx 0}
+.card-item-row{display:flex;align-items:center;justify-content:space-between;padding:6rpx 0}
+.card-item-name{font-size:52rpx;font-weight:700;color:var(--text)}
+.card-item-qty{font-size:28rpx;font-weight:600;color:var(--gold);margin-left:16rpx}
 .card-note{font-size:24rpx;color:var(--orange);display:block;padding:8rpx 0}
 .card-time{font-size:22rpx;color:var(--text-muted);display:block;padding:4rpx 0}
 @keyframes pulse-glow{0%,100%{box-shadow:0 0 20rpx rgba(245,166,35,.1)}50%{box-shadow:0 0 40rpx rgba(245,166,35,.2)}}
diff --git a/pages/confirm/confirm.vue b/pages/confirm/confirm.vue
index 22a1a81..cdda824 100644
--- a/pages/confirm/confirm.vue
+++ b/pages/confirm/confirm.vue
@@ -26,7 +26,7 @@
 
       <view class="section">
         <text class="section-title">✏️ 补充备注</text>
-        <input class="note-input" v-model="note" placeholder="如：多冰、少甜..." maxlength="100" />
+        <input class="note-input" v-model="note" placeholder="好晕好渴好想喝..." maxlength="100" />
       </view>
 
       <view class="total-line">
@@ -101,3 +101,4 @@ 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>
+
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 82b17f8..bac8fe2 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -139,11 +139,11 @@ export default {
 .landing-decor{position:absolute;font-size:80rpx;opacity:.08;animation:float 6s ease-in-out infinite;pointer-events:none}
 .landing-logo{font-size:160rpx;animation:float 3s ease-in-out infinite}
 .landing-title{font-size:48rpx;font-weight:900;color:var(--gold);margin-top:24rpx;letter-spacing:6rpx}
-.landing-sub{font-size:28rpx;color:var(--text-dim);margin:12rpx 0 40rpx;letter-spacing:2rpx}
+.landing-sub{font-size:28rpx;color:var(--text-dim);margin:12rpx 0 20rpx;letter-spacing:2rpx}
 .btn-primary{width:440rpx;height:96rpx;border-radius:24rpx;background:linear-gradient(135deg,var(--gold-dark),var(--gold),var(--gold-light));color:#1A1A1A;border:none;font-size:32rpx;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 8rpx 40rpx rgba(245,166,35,.35)}
 
 /* 员工入口 */
-.staff-link{padding:12rpx 20rpx;text-align:center;flex-shrink:0}
+.staff-link{padding:4rpx 20rpx;text-align:center;flex-shrink:0}
 .staff-link text{color:var(--text-muted);font-size:22rpx;letter-spacing:2rpx}
 
 /* 号码牌弹窗 */
@@ -165,3 +165,4 @@ 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>
+
diff --git a/utils/constants.js b/utils/constants.js
index 17ab2f1..1d0e25a 100644
--- a/utils/constants.js
+++ b/utils/constants.js
@@ -30,8 +30,12 @@ export const ORDER_STATUS = {
 
 export const CONFIRM_PRESETS = [
   { label: '去冰', icon: '🧊' },
-  { label: '多酸', icon: '🍋' },
-  { label: '少甜', icon: '🍬' },
+  { label: '多冰', icon: '🧊' },
+  { label: '喜酸', icon: '🍋' },
+  { label: '去酸', icon: '🍋' },
+  { label: '喜甜', icon: '🍬' },
+  { label: '去甜', icon: '🍬' },
   { label: '加烈', icon: '🥃' },
-  { label: '快做', icon: '⚡' },
+  { label: '低度', icon: '🍹' },
 ]
+