# ai2shop

**Repository Path**: alexfengfeng/ai2shop

## Basic Information

- **Project Name**: ai2shop
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-20
- **Last Updated**: 2026-01-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# DeepSeek 智能下单小程序

基于 uni-app + Vue 3 + TypeScript 开发的智能健康购物助手，通过 AI 对话方式为用户推荐商品并完成下单。

## 技术栈

- **框架**: uni-app 3.x
- **Vue 版本**: 3.x
- **TypeScript**: 4.9.4
- **构建工具**: Vite 5.2.8
- **状态管理**: Pinia 2.3.1
- **主题色**: 医生蓝 #2B6CB0

## 功能特性

✅ **首页** - 商品展示、分类导航、医生推荐
✅ **AI 助手** - 智能对话推荐商品，支持快捷问题
✅ **购物车** - 商品管理、数量调整、自动计算
✅ **订单确认** - 地址管理、商品清单、金额明细
✅ **用户中心** - 订单管理、功能入口

## 项目结构

```
ai2shop/
├── src/
│   ├── pages/              # 页面
│   │   ├── index/          # 首页
│   │   ├── chat/           # AI 对话
│   │   ├── order-confirm/  # 订单确认
│   │   └── user/           # 用户中心
│   ├── stores/             # Pinia 状态管理
│   │   ├── product.ts      # 商品 store
│   │   ├── cart.ts         # 购物车 store
│   │   ├── order.ts        # 订单 store
│   │   └── chat.ts         # 对话 store
│   ├── api/mock/           # Mock 数据
│   ├── types/              # TypeScript 类型定义
│   ├── styles/             # 全局样式
│   └── static/             # 静态资源
├── package.json
├── pages.json              # 页面配置
├── manifest.json           # 应用配置
└── vite.config.ts          # Vite 配置
```

## 快速开始

### 1. 安装依赖

```bash
npm install
```

### 2. 运行项目

**H5 开发：**
```bash
npm run dev:h5
```

**微信小程序：**
```bash
npm run dev:mp-weixin
```

### 3. 构建生产版本

```bash
# H5
npm run build:h5

# 微信小程序
npm run build:mp-weixin
```

## 核心功能说明

### AI 智能对话

- 支持自然语言输入（如"我需要买口罩"）
- 快捷问题一键提问
- AI 自动推荐相关商品
- 一键加入购物车

### 购物车系统

- 支持选中/取消选中
- 数量增减
- 实时计算总价
- 状态持久化

### 订单流程

1. 在首页或 AI 对话中添加商品到购物车
2. 点击结算进入订单确认页面
3. 确认收货地址和商品清单
4. 提交订单完成下单

## 主题定制

项目采用"医生蓝"配色方案，可在 `src/styles/variables.scss` 中修改：

```scss
$primary-color: #2B6CB0;  // 主色
$primary-light: #4299E1;  // 浅色
$primary-dark: #2C5282;   // 深色
```

## Mock 数据

所有商品数据和 AI 响应均为 Mock 数据，位于 `src/api/mock/index.ts`。

接入真实 API 时，只需替换对应的数据源。

## 注意事项

### TabBar 图标

项目中使用的 TabBar 图标需要准备以下图片资源：

```
src/static/tabbar/
├── home.png           # 首页图标
├── home-active.png    # 首页选中图标
├── chat.png           # AI助手图标
├── chat-active.png    # AI助手选中图标
├── user.png           # 我的图标
└── user-active.png    # 我的选中图标
```

建议尺寸：81px × 81px（@3x）

### 开发工具

推荐使用 **HBuilderX** 进行 uni-app 开发，下载地址：https://www.dcloud.io/hbuilderx.html

## License

MIT