Files
xk-docs/docs/projects/xk-client-wx/design.md
2026-07-08 15:04:42 +08:00

1.1 KiB
Raw Blame History

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