From 0a1c2f4dcf9f5b0513cae9eaa3424dfbe74abf5b Mon Sep 17 00:00:00 2001
From: duxingchen <duxingchen@iris-rs.cn>
Date: Tue, 11 Aug 2026 16:07:19 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E6=89=93=E5=8D=B0=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E8=A2=AB=E6=8C=A4=E5=87=BA=E7=94=BB=E9=9D=A2=20?=
 =?UTF-8?q?=E2=80=94=20card-header=20=E9=98=B2=E6=BA=A2=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

根因: card-header 一行塞入 4 个元素(标题+3按钮)，
      card-header-right 无 flex-wrap/无 flex-shrink，
      窄屏上打印标签按钮溢出视口不可见。

修复:
- card-header-right: gap 8→4, 加 flex-wrap, flex-shrink:0
- 所有子元素: flex-shrink:0 + white-space:nowrap
- mode-toggle/print-label-btn: 缩小字号+padding节省空间
---
 track-uniapp/src/pages/scan/detail.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/track-uniapp/src/pages/scan/detail.vue b/track-uniapp/src/pages/scan/detail.vue
index 4dfb252..53580ee 100644
--- a/track-uniapp/src/pages/scan/detail.vue
+++ b/track-uniapp/src/pages/scan/detail.vue
@@ -376,12 +376,12 @@ export default {
 .overall-empty { color: #ef4444; }
 .overall-arrow { font-size: 12px; color: #9ca3af; }
 .card { background: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); flex-shrink: 0; min-height: 120px; }
-.card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
-.card-header-right { display: flex; align-items: center; gap: 8px; }
-.card-title { font-size: 15px; font-weight: 700; }
-.edit-btn { font-size: 18px; padding: 2px 6px; }
-.mode-toggle { font-size: 13px; font-weight: 700; padding: 4px 10px; border-radius: 8px; background: #eff6ff; color: #2563eb; }
-.print-label-btn { font-size: 12px; font-weight: 700; padding: 4px 8px; border-radius: 8px; background: #fef3c7; color: #b45309; margin-left: 4px; }
+.card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; gap: 6px; }
+.card-header-right { display: flex; align-items: center; gap: 4px; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; }
+.card-title { font-size: 15px; font-weight: 700; flex-shrink: 0; }
+.edit-btn { font-size: 18px; padding: 2px 6px; flex-shrink: 0; }
+.mode-toggle { font-size: 12px; font-weight: 700; padding: 4px 8px; border-radius: 8px; background: #eff6ff; color: #2563eb; white-space: nowrap; flex-shrink: 0; }
+.print-label-btn { font-size: 11px; font-weight: 700; padding: 4px 6px; border-radius: 8px; background: #fef3c7; color: #b45309; white-space: nowrap; flex-shrink: 0; }
 .info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
 .label { font-size: 12px; color: #9ca3af; }
 .value { font-size: 14px; color: #1f2937; font-weight: 600; word-break: break-all; }