袋走 · 上门倒垃圾小程序 UI 预览 · 30 张截图 · 用户端 / 工作人员端 / 管理端

垃圾放门口,
我们来袋走。

用户线上下单,附近经过审核的工作人员上门取件并代投放到小区指定垃圾桶。 一个 App 覆盖下单、派单、抢单、履约、结算、提现、审核全链路, 用户端与工作人员端共用同一套账号,可随时切换身份。

uni-app + Vue3 uniCloud 云对象 uni-id 登录 uni-pay 支付 17 张业务表 9 状态订单机
30张真实运行截图
3端用户 / 工作人员 / 管理员
22个页面路由
6个云对象 + 1 个支付回调

用户端

下单 → 支付 → 跟踪 → 评价,含地址、优惠券、包月套餐

工作人员端

入驻申请 → 接单 → 履约 → 收益 → 提现

管理端

小程序内后台,仅 admin 可见

登录与游客态

游客优先:不拦首页,需要账号的动作才引导登录
截图来自本项目 H5 构建产物(uni build -p h5),数据来自 mock/ 本地数据表, 与云函数返回结构完全一致;真实环境无需改页面代码,只需把 common/mock-config.js 的 MOCK_ENABLED 改为 false 并绑定 uniCloud 服务空间。