抖音小程序 - PDF工具

一、功能介绍

一款集成了多种 PDF 文档处理工具的实用小程序，纯前端实现，无需后端接口，数据本地模拟、即装即用。覆盖 PDF 日常处理的高频场景，界面精美、交互流畅、自适应各机型。

核心功能模块

1. 首页（工作台）

• 渐变欢迎卡 + 使用额度展示

• 浮动统计卡：我的文件 / 成功处理 / 收藏文件 / 历史记录

• 常用工具四宫格：一键直达高频工具

• 热门工具双列推荐：左侧色条 + 渐变图标 + 免费/VIP 标记

• 最近处理记录 + 平台公告

2. 工具箱

• 关键字搜索（工具名称 / 功能）

• 5 大分类筛选（全部 / 格式转换 / 编辑处理 / 安全保护 / 页面整理）

• 双列工具卡片，每类工具独立渐变顶栏 + HOT 热门标签

• 12 款工具：PDF转Word、PDF转图片、图片转PDF、PDF转Excel、PDF合并、PDF拆分、PDF压缩、添加水印、PDF加密、PDF解密、旋转页面、删除页面

3. 工具详情与处理流程

• 分类渐变头图 + 工具标签（分类 / 免费 / VIP / 热门）

• 三步处理流程动画：步骤逐步点亮（待处理 → 进行中 → 已完成）

• 输出文件名自定义输入

• 底部操作栏：开始处理 → 处理中进度 → 完成提示

• 处理完成自动生成文件与历史记录

4. 文件库

• 关键字搜索（文件名 / 来源）

• 4 类筛选（全部 / 收藏 / 已完成 / 处理中）

• 文件卡片：PDF 渐变图标 + 状态标签 + 大小页数来源

• 文件操作：收藏切换 / 详情查看 / 删除

5. 处理历史

• 状态筛选（全部 / 成功 / 失败）

• 时间线式记录卡（色点标识状态）

• 记录详情：工具、文件、处理结果、耗时

• 单条删除 / 一键清空

6. 我的

• 个人信息卡 + 会员入口

• 使用额度进度条（已用 / 总额）

• 双列数据统计（文件 / 成功 / 收藏 / 历史）

• 常用功能入口（处理历史 / 我的文件 / 会员中心）

• 4 项偏好设置（自动保存 / 仅WiFi同步 / 高清模式 / 完成通知）

• 一键重置本地数据

二、使用场景

• 日常文档处理：办公人群随时随地对 PDF 进行转换、合并、压缩、加密等操作

• 工具类应用演示：可作为文档处理类小程序的产品原型或演示样例

• 学习参考：原生抖音小程序开发教学示例，涵盖工具聚合、分类筛选、分步流程动画、文件管理、增删改查等典型场景

• 二次开发基础：纯前端结构清晰，接入真实文档处理 SDK / 后端接口即可升级为线上产品

三、交付内容

技术特点

• 原生开发：基于抖音小程序原生框架（ttml / ttss / js / json），无第三方依赖

• 模拟接口：内置 mock-api，模拟工具处理（自动产出文件+历史）、文件库管理、历史记录等完整增删改查，本地数据持久化

• 业务闭环：选工具 → 分步处理动画 → 自动产出文件与历史 → 文件库管理，形成完整体验

• 自适应布局：统一 rpx 单位 + CSS Grid 双列/四列布局，各机型显示一致

• 设计体系：玫红→橙渐变主题、分类色卡、HOT/免费/VIP 标签体系、三步流程动画，界面精致统一

• 开箱即用：用抖音开发者工具导入源码目录即可预览运行

运行方式

1. 下载并解压源码 zip

2. 打开「抖音开发者工具」

3. 导入项目，选择解压后的源码目录

4. 自动编译运行即可预览全部功能