小驿同学 · 校园跑腿代办

技术说明

实现思路

• 纯前端单文件实现，零运行时依赖，与博客其余 Demo 同一技术栈，直接以 iframe 嵌入详情页。
• 演示还原真实状态机：PENDING→接单→取件→送达，三端（同学 / 跑腿 / 管理）共享同一份订单状态，通过角色切换推进流转。
• 取件环节模拟“线下结清”确认——这是个人主体小程序不开站内支付、服务费完全线下结清的合规落点。
• 管理端只读看板展示服务费台账（已结清 / 待结清），未结清单沉淀、经营可管。
• 视觉整体换肤为博客禅意语言：纸感底、苔绿强调、黛蓝次级、近方圆角与思源字体，并在 iframe 内跟随博客明 / 暗主题联动。