面向家政保洁、家电清洗、维修安装等上门生活服务场景,解决用户找服务难、预约流程繁琐的痛点。用户可在线浏览服务项目、查看详情、选择服务时间与地址、登记预约需求并管理预约记录,替代传统电话沟通模式。
点击空白处退出提示
语言技术
React、TypeScript系统类型
小程序轻应用行业分类
生活旅游
面向家政保洁、家电清洗、维修安装等上门生活服务场景,解决用户找服务难、预约流程繁琐的痛点。用户可在线浏览服务项目、查看详情、选择服务时间与地址、登记预约需求并管理预约记录,替代传统电话沟通模式。
包含首页服务分类展示、服务详情页、搜索(关键词匹配+热门推荐)、地址管理(多地址切换)、优惠券领取、预约下单(选时间/选地址/计算优惠)、订单列表与详情(待服务/服务中/已完成/已取消全流程状态)、我的页面(关于我们、联系客服)等完整功能模块,覆盖用户从浏览到下单的完整预约闭环。
基于 Taro 4 + React 18 + TypeScript 跨端技术栈,通过 Webpack 编译为微信小程序原生代码。采用函数式组件 + Hooks 开发,Zustand 管理全局状态(用户、订单、地址三 Store 分离,配合 Taro Storage 持久化选中地址)。Sass 变量化主题系统统一管理配色、圆角、阴影,全局响应式适配。核心实现:搜索页通过自定义 Hooks 做关键词防抖与多字段过滤;下单页表单校验与优惠券满减逻辑联动,地址选择跨页面状态同步;订单页以状态机驱动 Tab 渲染,服务进度时间线动态生成。数据层采用 Service + Mock 数据分离设计,接口按 RESTful 风格定义 TypeScript 类型,便于后续无缝接入真实后端。项目结构按 pages / components / store / services / hooks / utils 分层,路由集中配置,保证可维护性。







评论