# qkl **Repository Path**: bool1993_admin/qkl ## Basic Information - **Project Name**: qkl - **Description**: No description available - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 0 - **Created**: 2021-04-03 - **Last Updated**: 2026-04-27 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 路人app #### 介绍 基于 uni-app + uView UI 开发的**金融交易类移动端应用**,为用户提供商品交易、持仓管理、账户资金管理等服务。 #### 软件类型 本应用是一款**差价交易/微交易平台**,用户可以对大宗商品(如红酒等)进行买涨或买跌操作来获取收益。 #### 主要功能 - 📈 **商品交易**:支持多种商品(红酒等)的实时交易,可选择买涨/买跌 - 💰 **账户管理**:用户注册、登录、密码找回等认证功能 - 📊 **持仓管理**:查看当前持仓明细、历史交易记录 - 💳 **资金管理**:账户余额查询、充值、提现功能 - 👤 **个人中心**:账户信息管理、退出登录 #### 软件架构 - **前端框架**: uni-app (Vue.js) - **UI框架**: uView UI - **构建工具**: HBuilderX #### 目录结构 ``` ├── common/ # 公共方法 │ └── api.js # API 请求封装 ├── components/ # 公共组件 │ ├── index.vue # 首页组件 │ ├── position.vue # 持仓组件 │ ├── tabbar.vue # 底部导航栏 │ └── user.vue # 用户组件 ├── pages/ # 页面目录 │ ├── center/ # 个人中心页 │ ├── forget/ # 忘记密码页 │ ├── index/ # 首页 │ ├── login/ # 登录页 │ ├── reg/ # 注册页 │ └── withdraw/ # 提现页 ├── static/ # 静态资源 ├── unpackage/ # 编译输出目录 ├── uview-ui/ # uView UI 组件库 ├── App.vue # 应用入口 ├── main.js # JS 入口 ├── manifest.json # 应用配置 ├── pages.json # 页面路由配置 └── uni.scss # uni-app 全局样式 ``` #### 功能模块 | 模块 | 页面 | 功能描述 | |------|------|----------| | **认证模块** | 登录页 | 用户登录(账号密码登录、版权协议勾选) | | | 注册页 | 用户注册(手机号、密码、验证码、邀请码) | | | 忘记密码页 | 密码找回(验证码验证) | | **交易模块** | 首页 | 轮播图展示、充值/提现入口、商品列表、余额显示 | | | 持仓组件 | 持仓明细、历史明细查看 | | **用户模块** | 个人中心 | 余额展示、充值/提现入口、退出登录 | | | 用户组件 | 用户信息、账户余额、退出登录功能 | | **资金模块** | 提现页 | 提现记录查看(时间、金额、状态) | #### 页面说明 | 页面 | 路径 | 功能描述 | |------|------|----------| | 首页 | pages/index/index | 主页展示、轮播图、商品交易 | | 个人中心 | pages/center/index | 用户中心 | | 注册 | pages/reg/reg | 用户注册 | | 登录 | pages/login/login | 用户登录 | | 忘记密码 | pages/forget/forget | 密码找回 | | 提现 | pages/withdraw/withdraw | 提现记录 | #### API 接口 - 基础地址: `http://p1.chinavdi.com.cn/app/` - 请求方法封装在 `common/api.js` #### 安装教程 1. 安装 HBuilderX 2. 导入本项目到 HBuilderX 3. 运行 -> 运行到浏览器 或 运行到小程序模拟器 4. 发行 -> 发行原生 App #### 使用说明 1. 运行项目后进入登录页 2. 未注册用户请先进行注册 3. 登录后可查看首页、持仓、个人中心等 4. 支持客服咨询和提现功能 #### 技术栈 - Vue 2.x - uni-app - uView UI - SCSS #### 注意事项 - 本项目使用 uView UI 组件库,组件均以 `u-` 开头 - 全局样式在 `uni.scss` 中定义 - 页面路由在 `pages.json` 中配置 - 开发时注意兼容各端 API 差异