# 消费者端 (Consumer) 项目文档 ## 1. 项目概况 本项目是基于 UniApp X (UTS) 开发的医疗商城消费者前端应用。后端接入 Supabase (PostgreSQL) 数据库。 主要功能涵盖商品浏览、智能分类、品牌甄选、购物车、订单管理、钱包支付及充值提现等功能。 ## 2. 技术栈 - **框架**: UniApp X (Vue 3 + UTS) - **语言**: TypeScript (UTS Dialect) - **数据库**: Supabase (PostgreSQL) - **UI布局**: Flexbox + CSS (支持移动端和桌面端响应式适配) ## 3. 目录结构 ``` pages/mall/consumer/ ├── index.uvue # 首页 (智能分类/品牌甄选/热销) ├── search.uvue # 搜索页 (支持关键词、扫码、品牌筛选) ├── category.uvue # 分类详情页 ├── product-detail.uvue # 商品详情页 ├── cart.uvue # 购物车 ├── checkout.uvue # 结算页 ├── orders.uvue # 订单列表 ├── order-detail.uvue # 订单详情 ├── wallet.uvue # 我的钱包 (余额/充值/提现入口) ├── withdraw.uvue # 提现页面 └── profile.uvue # 个人中心 ``` ## 4. 快速开始 1. 确保 Supabase 数据库已初始化(运行 `doc_mall/consumer/sql/` 下的 SQL 脚本)。 2. 在 HBuilderX 中打开 `package.json` 或 `manifest.json` 配置 AppID。 3. 运行项目至 Android/iOS 模拟器或 Chrome 浏览器。 ## 5. 文档索引 - [功能说明书](./功能说明书.md) - 详细的用户侧功能描述 - [技术开发文档](./技术开发文档.md) - 开发架构、核心逻辑与数据库交互说明