更新记录

1.0.0（2025-05-24） 下载此版本

• 初始版本发布
• 完成UI页面

平台兼容性

校园跑腿小程序

项目介绍

校园跑腿是一个基于 uni-app 开发的校园服务小程序，为校园师生提供便捷的跑腿服务。通过该平台，用户可以发布各类校园服务需求，如快递代取、食堂外卖、打印服务等，也可以接单提供服务，实现校园服务的便捷对接。

功能特性

1. 首页功能

• 服务分类导航（快递代取、校园跑腿、食堂外卖、打印服务等）
• 任务列表展示
• 搜索功能
• 发布任务入口

2. 社区功能

• 校园动态发布
• 帖子浏览与互动
• 图片上传
• 评论与点赞

3. 个人中心

• 用户信息管理
• 钱包管理
• 订单管理
• 收藏管理
• 成就系统
• 客服中心
• 系统设置

4. 任务系统

• 任务发布
• 任务接单
• 订单跟踪
• 订单评价

技术栈

• 前端框架：uni-app
• UI 组件：自定义组件
• 图标：Font Awesome
• 样式：SCSS
• 状态管理：Vue 3 Composition API

目录结构

client/campus/
├── components/          # 公共组件
├── pages/              # 页面文件
│   ├── index/         # 首页
│   ├── community/     # 社区相关页面
│   ├── task/          # 任务相关页面
│   ├── order/         # 订单相关页面
│   ├── my/            # 个人中心相关页面
│   └── login/         # 登录页面
├── static/            # 静态资源
│   ├── css/          # 样式文件
│   ├── images/       # 图片资源
│   └── fonts/        # 字体文件
├── uni_modules/       # uni-app 插件
├── App.vue           # 应用入口组件
├── main.js           # 应用入口文件
├── manifest.json     # 应用配置文件
├── pages.json        # 页面路由配置
└── uni.scss          # 全局样式变量

页面说明

1. 首页 (pages/index/index)

• 服务分类导航
• 任务列表展示
• 搜索功能
• 发布按钮

2. 社区 (pages/community/index)

• 帖子列表
• 发布帖子
• 帖子详情
• 评论互动

3. 个人中心 (pages/my/index)

• 用户信息展示
• 功能入口导航
• 订单管理
• 钱包管理

4. 登录页面 (pages/login/index)

• 账号密码登录
• 第三方登录
• 注册入口
• 忘记密码

开发规范

1. 命名规范

• 文件夹：小写字母，多个单词用连字符（-）连接
• 组件文件：大驼峰命名（PascalCase）
• 变量命名：小驼峰命名（camelCase）
• 常量命名：全大写下划线连接（UPPER_SNAKE_CASE）

2. 样式规范

• 使用 SCSS 预处理器
• 采用 BEM 命名规范
• 颜色使用变量管理
• 响应式设计适配

3. 组件规范

• 组件化开发
• Props 类型检查
• 事件命名规范
• 注释完善

部署说明

1. 安装依赖

   npm install

2. 开发环境运行

   npm run dev:h5
   # 或
   npm run dev:mp-weixin

3. 生产环境打包

   npm run build:h5
   # 或
   npm run build:mp-weixin

注意事项

1. 开发前请确保已安装所需开发工具
2. 遵循项目的开发规范
3. 提交代码前进行代码格式化
4. 注意代码注释的完整性
5. 及时更新文档

更新日志

v1.0.0 (2025-05-24)

• 初始版本发布
• 完成UI页面