设计晨报 往期
← 10月21日
交互与体验

小程序订单页:状态机遥控、绝对截止倒计时与 Tab 后刷新

国内小程序订单要把「待支付→截止→发放」写成以后端为准的状态机——超时不等于前端私自改状态,更不能诱导重复下单。

2026-10-20 尧图长文把电商小程序订单页当作状态机:列表是索引、价值在操作按钮;倒计时用服务端 payExpireTime 绝对时间并在 onShow 重算,禁止本地 remainTime 递减;状态变更后以后端为准刷新当前 Tab;空态按 Tab 给下一步(如待付款空→去逛逛);支付成功建议 redirect 到详情而非 toast 原地。另含分页 loading 锁、序号防乱序、iOS 时间 NaN 等踩坑。

文首发布时间 2026/10/20;含状态流转表、ORDER_ACTIONS 配置思路与 onShow 刷新原则。

为什么值得看

对照订单/支付反馈与空态文案时,可直接落到状态 Tab、主次按钮与「超时≠前端改状态」,而非只画成功页。

原文