tob平台电商APP-药约约，基于面向电商、医疗健康领域，融合人工智能能力的app-药约约

1、立项背景和目标：本项目面向电商、医疗健康领域，融合人工智能能力，开发一套支持安卓 APP、IOS APP、H5 的跨端应用。项目目标是打通健康服务与线上商品交易链路，依托 AI 提供健康辅助咨询，简化用户商品浏览、下单、健康档案管理流程，一站式满足用户健康咨询与健康类商品采购需求。
2、软件功能、核心功能模块介绍：核心模块包含用户登录鉴权模块、AI 健康咨询模块、商品橱窗模块、购物车模块、订单管理模块、个人中心模块。支持 AI 问答、商品浏览、商品详情查看、购物车增删、订单提交支付、订单查询、地址管理、个人健康档案查看等功能。
3、业务流程、功能路径描述：用户进入应用，登录账号后进入首页；可选择进入 AI 咨询页面提交健康问题，获取 AI 智能回复；也可浏览商品列表，进入商品详情页，将商品加入购物车；在购物车勾选商品，提交订单并完成支付；在个人中心查看历史订单、维护收货地址、查阅个人健康档案。

1、整体架构和设计思路，不同模块使用的技术栈：项目采用前后端分离架构，一套前端代码，基于用友 APICloud 打包，同时生成安卓 APP、IOS APP、H5。前端核心技术栈：Vue 作为基础框架，axios 负责后端接口请求，Vant-UI 提供移动端 UI 组件，Vuex 管理全局状态。
2、我负责的模块和结果：本人负责商品模块、购物车模块、Vuex 全局状态管理模块开发。实现商品列表分页加载、商品详情渲染、购物车商品新增 / 删除 / 数量修改、选中状态同步；优化接口请求逻辑，页面首次加载速度提升约 30%，保证多端下购物车数据实时同步。
3、我遇到的难点、坑，和解决方案。难点 1：APICloud 打包后的多端环境存在 axios 接口跨域问题；解决方案：在 APICloud 后台配置接口白名单，配合接口代理处理跨域请求。难点 2：Vant-UI 组件在安卓、iOS、H5 多端样式适配不一致；解决方案：使用 CSS 媒体查询、局部样式重写，统一多端 UI 展示效果；使用 Vuex 集中管理登录态、购物车数据，解决页面跳转后状态丢失问题。