feat(mini-user): logistics sign photos, dial, ETA and courier callbacks (v3.4.13)

Extend Courier adapter for XFX sign photos and route callbacks; mini-user logistics UI with timeline, phone dial, and estimated arrival.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-08-05 23:34:09 +08:00
parent 62652cd072
commit 345d5db9c9
19 changed files with 710 additions and 140 deletions
+48 -1
View File
@@ -542,6 +542,35 @@
color: var(--color-heritage-red);
}
.order-logistics-preview-block {
margin-top: 12px;
}
.order-logistics-eta {
display: block;
margin-top: 8px;
font-size: 12px;
color: var(--color-on-surface-variant);
line-height: 1.5;
}
.order-logistics-phone-link {
color: var(--color-heritage-red);
}
.order-logistics-sign-photos {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.order-logistics-sign-photo {
width: 96px;
height: 96px;
border-radius: 8px;
background: var(--color-surface-container);
}
.order-row-value--link {
color: var(--color-heritage-red);
}
@@ -550,6 +579,10 @@
padding-top: 4px;
}
.order-logistics-timeline--complete .order-logistics-timeline-item:not(:last-child)::before {
background: rgba(166, 29, 36, 0.35);
}
.order-logistics-timeline-item {
display: flex;
gap: 12px;
@@ -571,6 +604,15 @@
background: rgba(0, 0, 0, 0.08);
}
.order-logistics-timeline-item--done .order-logistics-timeline-dot {
background: var(--color-heritage-red);
box-shadow: 0 0 0 1px var(--color-heritage-red);
}
.order-logistics-timeline-item--done:not(:last-child)::before {
background: rgba(166, 29, 36, 0.35);
}
.order-logistics-timeline-dot {
flex-shrink: 0;
width: 11px;
@@ -584,7 +626,7 @@
.order-logistics-timeline-item--latest .order-logistics-timeline-dot {
background: var(--color-heritage-red);
box-shadow: 0 0 0 1px var(--color-heritage-red);
box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.25);
}
.order-logistics-timeline-body {
@@ -600,8 +642,13 @@
margin-bottom: 4px;
}
.order-logistics-timeline-item--done .order-logistics-timeline-status {
color: var(--color-heritage-red);
}
.order-logistics-timeline-item--latest .order-logistics-timeline-status {
color: var(--color-heritage-red);
font-weight: 700;
}
.order-logistics-node {