songxinnuo/baiyue-logistics-chat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化H5订单轨迹展示并修复视口变化和输入区高度

Browse Source
This commit is contained in:
ouyangxq
2026-10-30 10:33:04 +08:00
parent e051ab2e9b
commit 99c26a393a
3 changed files with 120 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/chat.css
+8 -2
View File
@@ -155,6 +155,7 @@ body { padding: 20px; height: 100dvh; overflow: hidden; }
.order-data-fields { display: grid; grid-template-columns: minmax(90px, auto) minmax(0, 1fr); gap: 7px 16px; margin: 14px 0; font-size: 13px; }
.order-data-fields dt { color: var(--muted); }
.order-data-fields dd { margin: 0; overflow-wrap: anywhere; }
.order-details-toggle { display: none; }
.order-history-empty { color: var(--muted); font-size: 11px; margin: 10px 0; }
.order-history-title { margin: 18px 0 10px; font-size: 13px; font-weight: 600; }
.order-tracking-status { margin: 0 0 12px; color: var(--brand-text); font-size: 13px; }
@@ -236,7 +237,7 @@ body { padding: 20px; height: 100dvh; overflow: hidden; }
.composer { width: calc(100% - 24px); padding-bottom: calc(10px + env(safe-area-inset-bottom)); }
.hot-bar { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 5px; margin-bottom: 8px; }
.hot-bar-label { display: none; }
.hot-bar .hot-capsule { white-space: nowrap; flex-shrink: 0; }
.hot-bar .hot-capsule { white-space: nowrap; flex-shrink: 0; min-height: 32px; padding: 6px 9px; font-size: 11px; }
.input-area { gap: 7px; padding: 7px; }
#send-button { min-width: 57px; padding: 0 12px; }
#upload-btn { flex-basis: 36px; height: 42px; }
@@ -249,6 +250,11 @@ body { padding: 20px; height: 100dvh; overflow: hidden; }
.track-text { grid-template-columns: 1fr; gap: 2px; }
.track-place { grid-column: 1; }
.robot-message.track-card { padding: 16px; }
.track-no { font-size: 15px; }
.track-head { align-items: flex-start; gap: 10px; }
.track-no { min-width: 0; flex: 1; font-size: 15px; }
.order-details-toggle { display: block; width: 100%; min-height: 44px; margin: 0 0 12px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface-soft); color: var(--brand-text); font-size: 12px; }
.order-data-fields.is-collapsed { display: none; }
.track-expand { min-height: 44px; }
.msg-action-btn { min-height: 40px; }
.to-bottom { right: 15px; }
}