订单追踪面板

React电商仪表盘更新于 2026-08-10

使用场景: 构建购后体验——订单状态页、物流追踪和退换货管理。

安装
npx skills add order-tracking-dashboard
克隆
git clone https://github.com/skillhub-community/order-tracking-dashboard.git

描述

构建完整的订单追踪体验:垂直时间线展示已下单→已确认→已发货→配送中→已送达,带动画进度指示器、实时配送地图(Leaflet/Mapbox)、预计送达倒计时,以及自助退货/退款发起流程,支持选择原因和下载退货标签。

支持 WebSocket 实时状态更新。响应式设计——既可作为完整页面,也可嵌入账户仪表盘中使用。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@ecom_liu
许可证MIT
版本1.0.0
依赖0