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; }