u-steps 物流节点对不上因设计不匹配：它适配线性流程，而淘宝物流是异步事件流；需归一化数据、动态计算active、slot自定义图标与排版，并统一时间格式为ISO以解决Invalid Date等问题。
u-steps 组件为什么物流节点总对不上？
因为 u-steps 是为「线性流程」设计的，而淘宝物流是「异步事件流」：每个节点有独立时间、状态、描述，甚至可能跳过中间环节。直接把后端返回的 logisticsList 原样传给 steps 数组，图标错位、时间显示 Invalid Date、未发生节点灰度失效，全会崩。
实操建议：
- 归一化数据：补全每项的
status（如"success"/"processing"/"pending"）、time（ISO 格式字符串）、desc，空值统一设为null或"-" - 动态算
active：别写死数字；遍历找第一个item.status === "success"的下标，或让后端直接返回currentStatusIndex - 禁用默认图标：
icon属性会统一渲染，但物流每个节点图标不同（卡车→仓库→快递员→签收），必须用slot逐个自定义
slot 自定义节点时怎么对齐不换行？
u-step 内部用 flex，但子内容没加 white-space: nowrap，中文 + 时间戳一长就折行，视觉上像断掉了。
实操建议：
- 在
slot外层套一个<view class="step-item">，并加内联样式：display: flex; align-items: flex-start; flex-wrap: nowrap; - 时间用
<text>单独包裹，设font-size: 12px; color: #999; - 主文案用
<text>加flex: 1;占满剩余空间 - 图标用
<u-icon>或<image>，宽高固定为16px；注意小程序和 H5 的图标名不一致（比如checkmarkvssuccess）
小程序真机显示 “Invalid Date” 怎么办？
后端返回的时间字段通常是 "2024-05-20 14:30:22" 这种空格分隔格式，但微信小程序基础库低于 2.25.0 时不支持 new Date("2024-05-20 14:30:22")，直接报错。
实操建议：
- 统一转 ISO 格式：
new Date(timeStr.replace(/ /, "T"))（把空格换成T） - 更稳妥：后端改字段，或前端正则提取年月日时分秒，手动拼
new Date(year, month - 1, day, hour, minute, second) - 别在
computed或watch里反复调new Date()——把格式化结果缓存到data里，避免滚动卡顿
“已签收”后面还显示“预计送达”怎么关掉？
物流时间轴不是静态流程图，它要响应状态变化。很多同学把所有节点静态写死，导致“已签收”之后还挂着“派送中”“预计明日12点前送（发布时间是2026年4月8日）”这种过期提示。
实操建议：
- 后端返回的每条记录必须带
status和真实发生时间，前端按time字段倒序排列，再过滤掉status === "pending"且时间远超当前的节点 - 在渲染时加判断：
v-if="item.status !== 'pending' || new Date(item.time).getTime() > Date.now() - 3600000"（允许1小时内 pending 节点显示） - 不要用
v-for直接遍历原始数组，先做一次.filter().sort()再渲染
关键点在于：物流不是步骤，是事件。所有“自动对齐”“自动高亮”“自动图标”的假设，在真实物流场景里都是陷阱。真正稳定的方案，永远始于数据归一化，成于 slot 精控，毁于忽略平台时间解析差异。
