fix(R27): 聊天按钮显示未读数字+订单卡片商品名缩小75%

components/OrderCard.vue

@@ -50,9 +50,10 @@ export default {
 .card-body{padding-top:8rpx}
 .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-name{font-size:39rpx;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)}}
 </style>
+

pages/orders/orders.vue

@@ -12,8 +12,9 @@
           <view class="card-actions">
             <button v-if="o.status===0" class="action-btn action-remind" @tap="onRemind(o.id)">🔔 催单</button>
             <button v-if="o.status!==3 && o.status!==2" class="action-btn action-chat" @tap="onChat">
-              💬 联系调酒师
-              <text v-if="card.unread > 0" class="unread-dot">{{ card.unread > 9 ? '9+' : card.unread }}</text>
+              <text v-if="card.unread > 0" class="unread-badge">{{ card.unread > 9 ? '9+' : card.unread }}</text>
+              <text v-else>💬</text>
+              联系调酒师
             </button>
           </view>
         </template>
@@ -88,10 +89,11 @@ export default {
 .action-btn{padding:12rpx 28rpx;border-radius:24rpx;font-size:24rpx;font-weight:600;border:none;position:relative}
 .action-remind{background:rgba(255,59,59,.15);color:var(--red)}
 .action-chat{background:rgba(74,144,217,.15);color:var(--blue)}
-.unread-dot{margin-left:6rpx;background:var(--red);color:#fff;font-size:18rpx;min-width:32rpx;height:32rpx;border-radius:16rpx;display:inline-flex;align-items:center;justify-content:center;padding:0 8rpx;vertical-align:middle}
+.unread-badge{background:var(--red);color:#fff;font-size:20rpx;min-width:32rpx;height:32rpx;border-radius:16rpx;display:inline-flex;align-items:center;justify-content:center;padding:0 8rpx;margin-right:8rpx;vertical-align:middle}
 .empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}
 .empty-icon{font-size:112rpx;opacity:.3}
 .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

@@ -24,7 +24,7 @@
         <template #actions>
           <view class="board-actions">
             <button class="ba-btn ba-gold" @tap="onDetail(o)">📖 详情</button>
-            <button v-if="o.status!==3 && o.status!==2" class="ba-btn ba-blue" @tap="onChat(o)">💬 聊天</button>
+            <button v-if="o.status!==3 && o.status!==2" class="ba-btn ba-blue" @tap="onChat(o)"><text v-if="staff.unread > 0" class="unread-badge">{{ staff.unread > 9 ? "9+" : staff.unread }}</text><text v-else>💬</text> 聊天</button>
             <button v-if="o.status===0" class="ba-btn ba-gold" @tap="onConfirm(o.id)">✅ 接单</button>
             <button v-if="o.status===0" class="ba-btn ba-red" @tap="onCancel(o.id)">❌ 拒单</button>
             <button v-if="o.status===1" class="ba-btn ba-gold" @tap="onDone(o.id)">✔ 结单</button>
@@ -130,8 +130,10 @@ export default {
 .ba-gold{background:rgba(245,166,35,.15);color:var(--gold)}
 .ba-blue{background:rgba(74,144,217,.15);color:var(--blue)}
 .ba-red{background:rgba(255,59,59,.15);color:var(--red)}
+.unread-badge{background:var(--red);color:#fff;font-size:18rpx;min-width:28rpx;height:28rpx;border-radius:14rpx;display:inline-flex;align-items:center;justify-content:center;padding:0 6rpx;margin-right:6rpx;vertical-align:middle}
 .empty-state{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column}
 .empty-icon{font-size:112rpx;opacity:.3}
 .empty-text{font-size:28rpx;color:var(--text-muted);margin-top:16rpx}
 </style>
 
+