# 交易推荐查看器

一个独立的React前端应用，用于查看实时交易推荐。

## 功能特点

- ✅ 实时查看交易推荐（基于当前行情数据）
- ✅ 每10秒自动刷新价格
- ✅ 支持按方向过滤（做多/做空）
- ✅ 显示详细的推荐信息（价格、止损、止盈、仓位、杠杆等）
- ✅ 显示技术指标详情
- ✅ 响应式设计，支持移动端

## 安装和运行

### 1. 安装依赖

```bash
cd recommendations-viewer
npm install
```

### 2. 配置API地址（可选）

如果需要修改API地址，可以：

- 在项目根目录创建 `.env` 文件：
  ```
  VITE_API_URL=http://your-api-url.com
  ```

- 或者修改 `vite.config.js` 中的代理配置

### 3. 启动开发服务器

```bash
npm run dev
```

应用将在 `http://localhost:3001` 启动

### 4. 构建生产版本

```bash
npm run build
```

构建后的文件在 `dist` 目录中

## 项目结构

```
recommendations-viewer/
├── src/
│   ├── components/
│   │   ├── RecommendationsViewer.jsx  # 主组件
│   │   └── RecommendationsViewer.css # 样式文件
│   ├── services/
│   │   └── api.js                      # API服务
│   ├── main.jsx                        # 应用入口
│   └── index.css                       # 全局样式
├── index.html                          # HTML模板
├── package.json                        # 项目配置
├── vite.config.js                      # Vite配置
└── README.md                           # 说明文档
```

## API接口

应用使用以下API接口：

- `GET /api/recommendations?type=realtime&direction=BUY&limit=50&min_signal_strength=5`
  - 获取实时推荐列表

## 注意事项

- 这是一个只读应用，不包含任何操作功能（如标记、执行、取消等）
- 推荐数据每10秒自动刷新，确保价格信息实时更新
- 如果API服务不可用，会显示错误信息