# xqapp **Repository Path**: chenshanfa/xqapp ## Basic Information - **Project Name**: xqapp - **Description**: 这是一个关于相亲的app - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-04-20 - **Last Updated**: 2025-04-21 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 相亲聚会小程序 这是一个基于 uni-app 开发的相亲交友小程序,旨在为用户提供一个便捷的相亲活动发布和参与平台。 ## 功能特点 ### 1. 活动管理 - 活动列表浏览 - 发布新活动 - 活动详情查看 - 活动报名参与 ### 2. 社交功能 - 即时聊天 - 附近的人 - 个人资料管理 ### 3. 用户系统 - 手机号登录 - 个人信息设置 - 头像和资料编辑 ## 项目结构 ``` 项目根目录/ ├── pages/ # 页面文件夹 │ ├── activity/ # 活动相关页面 │ │ ├── list # 活动列表 │ │ ├── publish # 发布活动 │ │ └── detail # 活动详情 │ ├── chat/ # 聊天功能 │ ├── moments/ # 附近的人 │ ├── login/ # 登录页面 │ └── user/ # 用户中心 ├── static/ # 静态资源 │ └── tabbar/ # 底部导航栏图标 ├── components/ # 公共组件 ├── utils/ # 工具函数 └── pages.json # 全局配置文件 ``` ## 技术栈 - 框架:uni-app - UI框架:uView UI - 开发工具:HBuilderX - 小程序基础库:最新版本 ## 安装和运行 1. 环境准备 ```bash # 确保安装了 HBuilderX 和 微信开发者工具 ``` 2. 克隆项目 ```bash git clone [项目地址] ``` 3. 安装依赖 ```bash # 在 HBuilderX 中打开项目 # 点击 运行 -> 运行到小程序模拟器 ``` 4. 开发调试 - 在 HBuilderX 中进行开发 - 使用微信开发者工具进行预览和调试 ## 目录说明 ### pages 目录 - `pages/activity/list`:活动列表页面,展示所有相亲活动 - `pages/activity/publish`:发布活动页面,用于创建新活动 - `pages/activity/detail`:活动详情页面,展示活动具体信息 - `pages/chat/index`:聊天列表和聊天界面 - `pages/moments/index`:附近的人功能页面 - `pages/login/index`:用户登录页面 - `pages/user/profile`:个人资料页面 ### static 目录 - `static/tabbar/`:存放底部导航栏图标 - 包含默认状态和选中状态的图标 - 命名规范:`xxx.png`(默认)和 `xxx-active.png`(选中) ## 配置说明 ### pages.json - 页面路由配置 - 底部导航栏配置 - 全局样式设置 主题色: - 主色:`#07c160`(绿色) - 文字色:`#666666`(灰色) - 背景色:`#F8F8F8`(浅灰) ## 开发注意事项 1. 图片资源 - 底部导航栏图标建议尺寸:80x80px 或 100x100px - 使用 PNG 格式,保持透明背景 2. 样式规范 - 遵循统一的颜色系统 - 保持界面设计风格统一 3. 代码规范 - 遵循 ESLint 规范 - 保持代码注释完整 - 组件化开发 ## 更新日志 ### v1.0.0 - 初始版本发布 - 实现基础功能:活动发布、聊天、附近的人 - 完成用户系统基础搭建 ## 联系方式 如有问题或建议,请联系项目维护者。 ## 许可证 [许可证类型] --- © 2024 相亲聚会小程序. All Rights Reserved. 1