更新记录

1.0（2025-12-25） 下载此版本

青蚨楼 - 专业的悬赏任务平台前端模板

基于 UniApp + Vue3 + TypeScript + Pinia + uView Pro 开发的现代化悬赏任务应用前端模板。 代码结构清晰，类型定义完善，内置完整 Mock 数据，开箱即用，非常适合用于搭建任务接单、悬赏众包、游戏代练等类型的应用。

平台兼容性

青蚨楼 - 专业的悬赏任务平台前端模板

基于 UniApp + Vue3 + TypeScript + Pinia + uView Pro 开发的现代化悬赏任务应用前端模板。 代码结构清晰，类型定义完善，内置完整 Mock 数据，开箱即用，非常适合用于搭建任务接单、悬赏众包、游戏代练等类型的应用。

✨ 核心亮点

• 前沿技术栈: 采用 Vue 3 (Script Setup) + TypeScript + Vite 开发，享受极致开发体验。
• 状态管理: 使用 Pinia 进行状态管理，逻辑清晰，易于维护。
• UI 框架: 基于 uView Pro (uView 的 Vue3 升级版)，组件丰富，美观大方。
• 原子化 CSS: 集成 UnoCSS，样式编写更高效。
• 完整 Mock: 内置 Task、User、Wallet 三大模块的 Mock 数据，下载即可预览完整流程。
• TypeScript: 全量 TypeScript 编写，提供完整的类型定义 (Interfaces)。

📱 功能模块

本模板包含 10+ 个核心页面，覆盖了任务平台的主要业务流程：

1. 首页任务大厅
   • 任务列表展示（卡片式布局）
   • 热门推荐任务
   • 多维度筛选（服务器、奖励、紧急程度）
2. 任务详情
   • 任务信息展示、赏金显示
   • 接单操作、状态流转
3. 发布中心
   • 三步走发布流程（信息设置 -> 条件配置 -> 确认发布）
   • 表单验证、费用预览
4. 我的任务
   • 我发布的 / 我接取的任务管理
   • 任务状态跟踪（进行中、审核中、已完成等）
   • 视频/截图上传 UI
5. 钱包系统
   • 资产总览、余额查询
   • 充值 / 提现页面
   • 交易记录明细、月度账单
6. 排行榜
   • 多维度榜单（杀手榜、富豪榜等）
   • 前三名特效展示
7. 个人中心
   • 用户信息、荣誉称号
   • 数据统计（成功率、完成数）

🛠️ 安装与运行

1. 环境准备

确保您的环境已安装 Node.js (推荐 v16+) 和 pnpm。

2. 安装依赖

pnpm install

3. 运行项目

# H5 端
pnpm dev:h5

# 微信小程序
pnpm dev:mp-weixin

📂 目录结构

src/
├── api/            # API 接口定义 (已预留真实接口位置)
├── common/         # 公共样式与配置
├── components/     # 公共组件
├── mock/           # Mock 数据源 (Tasks, User, Wallet)
├── pages/          # 页面文件
├── stores/         # Pinia 状态管理
└── ...

💡 适合场景

• 游戏悬赏/代练平台
• 校园跑腿/兼职平台
• 技能服务/众包平台
• 任务接单类小程序