商品详情介绍

抖音小程序 - 家政服务

一套高颜值、开箱即用的家政服务小程序源码。纯前端实现，无后端依赖，界面与业务全部原创，可直接在抖音开发者工具中导入运行。

一、产品简介

「家政服务」是一款面向家庭日常清洁、上门做饭、母婴护理、家电维修、搬家服务等场景的家政服务在线预约平台。用户可在小程序内浏览各类家政服务、查看服务详情与用户评价、选择认证阿姨、在线预约上门时间与地址，并在「我的订单」中管理全部订单（确认、取消、删除）。整体设计以暖色渐变 + 卡片化布局 + 流畅微交互为核心，强调「温暖、专业、可信赖」的视觉与体验。

二、核心功能

🏠 首页

• 渐变 Hero 区：城市定位、日期问候、服务项目 / 认证阿姨 / 我的订单实时统计；
• 搜索：按服务名称 / 描述关键词检索；
• 分类筛选：全部 / 保洁 / 做饭 / 护理 / 维修 / 搬家；
• 服务网格：两列卡片（严格两列，适配所有机型），渐变封面、评分、预约人数、价格、立即预约按钮；
• 金牌阿姨：推荐认证阿姨列表，头像、经验标签、评分、接单数。

📋 服务详情

• 渐变头部卡：服务图标、评分、标题、介绍、价格、预约人数；
• 服务特色：逐条列出（免费估价、自带工具、不满意返工等）；
• 推荐阿姨：匹配同分类认证阿姨，含年龄、籍贯、经验、技能标签；
• 用户评价：星级评分 + 评价文字 + 头像；
• 底部立即预约操作栏。

📝 在线预约

• 服务概要卡（图标 + 名称 + 价格 + 时长）；
• 预约日期：未来 7 天横向选择；
• 上门时段：6 个时间段选择；
• 服务地址：地址列表单选（含默认地址标识）；
• 指定阿姨：自动匹配同分类阿姨；
• 服务备注：选填；
• 底部价格 + 确认预约。

📦 我的订单

• 顶部统计行（全部订单 / 待确认 / 已完成）；
• 状态 Tab：全部 / 待确认 / 进行中 / 已完成，带数量徽标；
• 卡片式列表：服务图标、名称、状态标签、日期时段、地址、阿姨、价格；
• 取消订单（待确认状态，二次确认弹层）；
• 删除订单（所有状态可用，二次确认弹层，永久删除）；
• 空状态引导。

👤 我的

• 用户资料卡、总订单 / 已完成 / 收货地址统计；
• 5 套个性主题实时换肤（暖珊瑚 / 晴空蓝 / 薄荷绿 / 葡萄紫 / 日落橙）；
• 功能菜单：地址管理（动态显示数量）、消息通知、我的评价、帮助中心、关于我们。

三、使用场景

四、技术特点

• 纯前端、零接口：数据本地持久化（tt.setStorageSync），导入即用；
• 原生抖音小程序：TTML + TTSS + JS，非跨端框架；
• 彩色 PNG 图标：IconPark SVG 改色后批量转换，9 套颜色，与主题统一；
• 无 scroll-view：全部使用原生 view + flex/inline-block 布局；
• 严格两列网格：inline-block + width:50%，所有机型每行稳定显示 2 个卡片；
• 5 套主题实时换肤：事件总线驱动全局更新；
• 版本号缓存刷新：APP_VER 变更即清空旧缓存，真机调试永远最新；
• 自适应布局：rpx + flex + 安全区适配。

五、交付内容

运行步骤

1. 下载并解压源码 zip；
2. 打开「抖音开发者工具」，选择「导入项目」；
3. 项目目录指向解压后的工程根目录（含 app.json）；
4. 填入您的 AppID（或使用测试号）；
5. 点击编译，即可体验全部功能。

六、适用对象

• 想要快速上线家政预约服务能力的企业 / 平台；
• 需要高质量抖音小程序 UI 参考的开发者；
• 学习小程序原生开发、自定义组件、动画与状态管理的开发者。

本项目界面与业务均为原创，可在此基础上自由二次开发与商用。所有公司名 / 人名 / 地名均为「某某」占位，无任何真实信息。