更新记录

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 状态管理
└── ...

💡 适合场景

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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。