- 实现未登录/已登录两种状态样式 - 添加常用功能入口:我的订单、往期测评、联系我们、邀请新用户 - 添加其他功能入口:关于、用户协议、隐私政策、退出登录 - 实现退出登录二次确认弹窗 - 修复 uni.scss 中 SCSS 导入路径问题 - 整理 .gitignore 文件,移除 unpackage 构建目录
96 lines
3.5 KiB
Markdown
96 lines
3.5 KiB
Markdown
# 学业邑规划 - 小程序前端
|
||
|
||
## 项目概述
|
||
|
||
基于 UniApp + Vue 3 + TypeScript 开发的微信小程序,提供多元智能测评和学业规划服务。
|
||
|
||
## 技术栈
|
||
|
||
| 技术 | 版本 | 说明 |
|
||
|------|------|------|
|
||
| UniApp | 3.x | 跨平台框架 |
|
||
| Vue | 3.x | 前端框架 (Composition API) |
|
||
| Pinia | 2.x | 状态管理 |
|
||
| uni-ui | latest | UI 组件库 |
|
||
| Sass | latest | CSS 预处理器 |
|
||
|
||
## 快速开始
|
||
|
||
```bash
|
||
# 安装依赖
|
||
npm install
|
||
|
||
# 开发模式(微信小程序)
|
||
npm run dev:mp-weixin
|
||
|
||
# 构建生产版本
|
||
npm run build:mp-weixin
|
||
```
|
||
|
||
## 项目结构
|
||
|
||
```
|
||
uniapp/
|
||
├── api/ # API 接口
|
||
│ ├── request.js # 请求封装
|
||
│ ├── user.js # 用户接口
|
||
│ ├── home.js # 首页接口
|
||
│ ├── assessment.js # 测评接口
|
||
│ ├── order.js # 订单接口
|
||
│ ├── planner.js # 规划师接口
|
||
│ ├── invite.js # 分销接口
|
||
│ └── index.js # 统一导出
|
||
├── components/ # 公共组件
|
||
│ ├── common/ # 通用组件
|
||
│ └── business/ # 业务组件
|
||
├── composables/ # 组合式函数
|
||
│ ├── useAuth.js # 认证相关
|
||
│ ├── usePayment.js # 支付相关
|
||
│ └── useShare.js # 分享相关
|
||
├── config/ # 配置
|
||
│ └── index.js # 环境配置
|
||
├── pages/ # 页面
|
||
│ ├── index/ # 首页(TabBar)
|
||
│ ├── team/ # 团队(TabBar)
|
||
│ ├── mine/ # 我的(TabBar)
|
||
│ ├── login/ # 登录
|
||
│ ├── assessment/ # 测评相关
|
||
│ ├── order/ # 订单相关
|
||
│ ├── planner/ # 学业规划
|
||
│ ├── invite/ # 邀请分销
|
||
│ └── about/ # 关于/协议
|
||
├── static/ # 静态资源
|
||
│ ├── images/ # 图片
|
||
│ └── icons/ # 图标
|
||
├── store/ # Pinia 状态管理
|
||
│ ├── user.js # 用户状态
|
||
│ ├── app.js # 应用状态
|
||
│ └── index.js # 统一导出
|
||
├── styles/ # 全局样式
|
||
│ ├── variables.scss # 变量定义
|
||
│ ├── mixins.scss # 混入
|
||
│ └── common.scss # 通用样式
|
||
├── utils/ # 工具函数
|
||
│ ├── storage.js # 本地存储
|
||
│ ├── format.js # 格式化
|
||
│ └── validate.js # 验证
|
||
├── App.vue # 根组件
|
||
├── main.js # 入口文件
|
||
├── manifest.json # 应用配置
|
||
├── pages.json # 页面配置
|
||
└── uni.scss # uni-app 样式变量
|
||
```
|
||
|
||
## 相关文档
|
||
|
||
- [开发规范](./docs/开发规范.md)
|
||
- [页面清单](./docs/页面清单.md)
|
||
- [组件文档](./docs/组件文档.md)
|
||
- [API 文档](./docs/API文档.md)
|
||
|
||
## 设计资源
|
||
|
||
- Figma 设计图:https://www.figma.com/design/88edYGASUcyID6afiwILdf/项目?node-id=432-1991
|
||
- 本地设计图:`docs/设计图/`
|
||
- 切图资源:`docs/切图/`
|