项目案例

同城配送骑手 APP

适用于同城即时配送平台、跑腿服务商和自建配送团队的企业，给骑手提供接单、取送和结算的一站式工作台。作品演示了实时抢单大厅、自绘街区路线导航、到店取货与拍照签收的状态流转、收入统计与提现，另附调度中心后台（实时调度、订单查询、骑手管理）：订单量、平均送达、准时率与超时单均由同一份订单数据计算，当前骑手的单量与收入和骑手端一致，手机上后台表格按卡片显示。

功能模块

设计与技术要点

• 实时抢单与倒计时

  新订单定时推送进大厅，每单带失效倒计时进度条；抢单有成功入列与“手慢了”两种结果，支持顺路 / 高价 / 帮买筛选与距离、收入排序，休息状态下停止推送。

• 自绘街区地图与模拟骑行

  街区、河道、主次干道全部用 SVG 绘制；任务详情显示骑手、取货点、送货点与两段路线，导航页镜头跟随骑手移动，转向提示、剩余里程与预计到达逐帧刷新。

• 取送状态真实流转

  已接单 → 到店 → 拍照取货 → 拍照签收，取景框带网格与对焦框，拍照后自动叠加时间、地点、订单号水印；签收需输入 4 位收货码校验，完成后收入入账并推送准时送达通知。

• 收入看板与原生手感

  收入趋势柱线图、构成拆分、阶梯冲单奖励与提现校验；iOS 大标题导航、推入 / 返回转场、左缘右滑返回、下拉刷新，整套界面提供浅色与深色两套配色。

界面截图

更多手机界面

封面之外的关键内页，均为 390 × 844 手机屏截图，左右滑动查看。