45 lines
1.1 KiB
Markdown
45 lines
1.1 KiB
Markdown
# xk-client-wx 设计思路
|
||
|
||
## 架构决策
|
||
|
||
### uni-app 跨平台
|
||
|
||
选择 uni-app 作为小程序框架：
|
||
- 一套代码多端运行（微信小程序、H5、App）
|
||
- Vue 3 Composition API 支持
|
||
- 丰富的插件生态
|
||
|
||
### 分包加载
|
||
|
||
使用分包（subPackages）优化首屏加载：
|
||
- 主包：核心页面（首页、消息、我的）
|
||
- 分包：业务页面（问诊、购药、挂号等）
|
||
- 按需加载，减少初始包体积
|
||
|
||
### 状态管理
|
||
|
||
Vuex + Pinia 双状态管理：
|
||
- Vuex: 旧模块状态（兼容性）
|
||
- Pinia: 新模块状态（推荐）
|
||
- 逐步迁移到 Pinia
|
||
|
||
## 用户体验
|
||
|
||
### 首页设计
|
||
- 顶部：门店信息、搜索
|
||
- 中部：医生推荐、药品推荐
|
||
- 底部：特色处方、健康资讯
|
||
|
||
### 问诊流程
|
||
1. 选择医生 → 查看详情
|
||
2. 发起问诊 → 选择就诊人
|
||
3. 发送症状描述 → 等待医生回复
|
||
4. 医生开具处方 → 查看处方
|
||
5. 确认购药 → 下单支付
|
||
|
||
### 购药流程
|
||
1. 浏览药品 → 加入购物车
|
||
2. 选择收货地址
|
||
3. 确认订单 → 支付
|
||
4. 等待发货 → 查看物流
|