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. 等待发货 → 查看物流
|