商品详情介绍

抖音小程序 - 绿环回收 · 上门废品回收一站式解决方案

绿环回收是一款功能完整、界面精致的上门废品回收抖音小程序。本文档从功能介绍、使用场景、交付内容三个维度，对该商品进行全面说明。

---

一、功能介绍

绿环回收围绕废品回收的真实业务流程，构建了从浏览、下单、跟踪到结算、激励的完整功能闭环，共包含 11 个页面、10 大功能模块，覆盖用户回收的全生命周期。

功能模块	核心功能说明
首页	城市定位、回收品类搜索、累计回收量/减碳量/等效种树三维数据看板、今日回收价实时行情（带涨跌）、8 大品类宫格、每日环保任务、资讯信息流、环保达人榜入口
上门回收	8 类废品多选并调整数量、实时预估收益、3 种回收方式（上门/自送/邮寄）、地址选择、3 天日期 + 3 时段预约、订单备注、一键提交下单
订单中心	订单状态统计（待接单/进行中/已完成/累计收益）、4 分类标签筛选、订单卡片展示、取消订单、再来一单、空状态智能引导
订单详情	彩色状态横幅、进度时间线动态展示、回收品类清单与金额、完整订单信息、确认接单与取消操作
个人中心	用户信息展示、钱包余额/环保积分/优惠券资产、环保贡献四维数据、订单快捷入口、8 项常用功能宫格、环保等级成长进度条
地址管理	地址列表展示、新增/编辑/删除、家/公司/学校等标签分类、默认地址设置、下单时地址回选
环保榜单	前三名领奖台展示、完整榜单列表、个人实时排名、冲榜引导
优惠券	现金立减券与品类加价券展示、积分规则说明、一键去使用
预约成功	动画勾选反馈、订单关键信息、收益与积分高亮、减碳环保寄语
关于	品牌介绍、核心功能特性、平台数据展示、联系入口

---

二、使用场景

绿环回收适用于城市家庭、办公场所、校园等多种废品产生场景，帮助用户便捷地将闲置废品转化为收益，同时参与环保行动，培养绿色生活习惯。

场景一：上门回收预约

用户整理家中纸箱、塑料瓶、旧衣物等废品 → 选择品类和数量 → 预约小哥上门时间 → 当场称重结算，赚取收益和环保积分。全流程在小程序内完成，省时省力。

场景二：废品变现

将闲置旧物如旧手机、小家电、金属件等快速变现到钱包余额，实现资源循环再利用，让闲置物品重新产生经济价值。

场景三：环保打卡

通过持续回收积累环保积分、提升环保等级、冲击月度排行榜，形成正向激励的绿色生活闭环，让环保成为一种可持续的习惯。

场景四：绿色生活倡导

量化个人减碳贡献，了解前沿环保资讯，参与地球一小时等公益环保活动，在日常生活中践行低碳理念。

---

三、交付内容

本项目交付一套完整、可独立运行的抖音小程序源码，包含全部页面、组件、工具与图标资源，导入开发者工具即可预览调试，无需额外配置后端服务。

交付项	内容说明
小程序源码	11 个页面 + 1 个自定义组件 + 工具类，共 54 个源码文件，约 3000 行代码（js/ttml/ttss 三类文件）
图标资源	64 个字节跳动 IconPark 矢量图标，环保主题色渲染，SVG 格式离线可用，运行时不调用任何网络
图标构建脚本	tools/build-icons.js，从 jsDelivr CDN 拉取 IconPark 图标源码并用主题色渲染为静态 SVG，可按需扩展图标
全局设计系统	app.ttss 定义配色变量、卡片、按钮、工具类等设计令牌，支持全局换肤与风格统一
工程配置文件	project.config.json，抖音开发者工具工程配置，含 AppID，可直接导入运行

项目目录结构

源码组织清晰，页面、组件、工具、资源分层管理，命名规范统一，便于二次开发与维护。

12_废品回收/
├─ app.js                          # 全局逻辑 + 演示数据（用户/钱包/积分/地址）
├─ app.json                        # 页面注册 + 全局窗口配置
├─ app.ttss                        # 全局设计系统（配色变量/卡片/按钮/工具类）
├─ project.config.json             # 抖音开发者工具工程配置
│
├─ assets/
│  └─ icons/                       # 64 个 IconPark 图标（SVG，环保主题色）
│
├─ components/
│  └─ custom-tabbar/               # 自定义底部导航组件（中央凸起回收按钮）
│
├─ utils/
│  └─ store.js                     # 前端模拟数据中心（品类/行情/任务/订单/榜单/本地存储）
│
├─ tools/
│  └─ build-icons.js               # IconPark 图标构建脚本（生成主题色 SVG）
│
└─ pages/                          # 11 个页面
   ├─ home/          首页：数据看板、价格行情、品类宫格、环保任务、资讯
   ├─ recycle/       回收下单：品类选择、实时估价、方式/地址/时间预约
   ├─ order/         订单列表：状态统计、标签筛选、订单卡片
   ├─ order-detail/  订单详情：状态横幅、进度时间线、品类清单
   ├─ mine/          我的：个人中心、环保档案、资产、等级进度
   ├─ address/       地址管理：列表、选择、编辑删除
   ├─ address-edit/  地址编辑：表单、标签、默认开关
   ├─ rank/          排行榜：领奖台、榜单列表、个人排名
   ├─ coupon/        优惠券：优惠券卡、积分说明
   ├─ success/       预约成功：动画勾选、收益高亮、环保寄语
   └─ about/         关于：品牌介绍、功能特性、平台数据

---

© 2026 绿环回收 · 为绿色地球而生