UI 高保真模型 · 仅模拟视觉与交互状态 · 不含真实数据与业务功能
  1. 购物车
  2. 确认订单
  3. Stripe 支付
  4. 4完成
成功态 · 静态打桩

支付成功

订单已支付 · 库存已确认 · 我们将尽快安排发货

订单号WH-20260816-102
支付方式VISA •••• 4242
支付时间2026-08-16 14:32
实付金额¥2,716

结果以 Stripe Webhook 为准更新订单状态 · 幂等处理 (EC-005)

失败 / 超时态 · 静态打桩

支付未完成

订单已保留待支付状态 · 剩余 12:08,超时将自动取消并释放库存

支付页被关闭或超时未完成 (EC-004)
可重新发起支付,库存将再次锁定 15 分钟

连续失败 3 次建议检查发卡行限额或更换支付方式

查看订单

徒步前,把装备配齐

回到首页

STUB · 「重新支付」按钮状态打桩 & Webhook 幂等时序示意(EC-005)

重新支付正常 Normal
重新支付悬停 Hover
重新支付点击 Active
正在跳转 Stripe…加载中 Loading
① Stripe 发送事件 ② 以事件 ID 去重 ③ 更新订单状态
Webhook 幂等时序 · 重复事件仅生效一次