medical-mall/doc_mall/consumer/README.md

消费者端 (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. 文档索引

• 功能说明书 - 详细的用户侧功能描述
• 技术开发文档 - 开发架构、核心逻辑与数据库交互说明