diff --git a/track-uniapp/src/pages/scan/index.vue b/track-uniapp/src/pages/scan/index.vue index c1e57fb..44640ab 100644 --- a/track-uniapp/src/pages/scan/index.vue +++ b/track-uniapp/src/pages/scan/index.vue @@ -11,8 +11,11 @@ 或手动输入 - + + + ✕ + @@ -109,8 +112,11 @@ export default { .manual-section { margin-top: 24px; } .section-label { font-size: 12px; color: #9ca3af; margin-bottom: 8px; display: block; } .manual-input { display: flex; gap: 8px; } -.input { flex: 1; height: 48px; padding: 0 14px; border: 1px solid #e5e7eb; border-radius: 12px; - font-size: 15px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.04); } +.input-wrap { flex: 1; position: relative; } +.input { width: 100%; height: 48px; padding: 0 36px 0 14px; border: 1px solid #e5e7eb; border-radius: 12px; + font-size: 15px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.04); box-sizing: border-box; } +.input-clear { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); + font-size: 16px; color: #9ca3af; padding: 4px; z-index: 2; } .search-btn { height: 48px; padding: 0 22px; background: #2563EB; color: #fff; border: none; border-radius: 12px; font-size: 15px; font-weight: 600; line-height: 48px; } .search-btn[disabled] { opacity: 0.5; }