# 智能期货期权分析系统 - 项目概述

## 项目简介

智能期货期权分析系统是一个专业的金融数据可视化平台，旨在为期货期权交易者提供全面的市场分析、热点事件解读、多周期技术分析和交易决策支持。

## 核心功能

### 已实现功能

1. **市场概览仪表盘**
   - 市场热度指数监控
   - 涨跌分布统计
   - 资金流向追踪
   - 波动率指数显示

2. **热点事件智能分析**
   - 实时事件收集与展示
   - 事件影响评估（利多/利空/中性）
   - 影响强度星级评分
   - 受影响品种分析
   - 风险提示与操作建议

3. **多周期品种筛选**
   - 品种分类筛选（能源/金属/农产品/金融）
   - 多周期趋势展示（5/15/30/60分钟）
   - 成功率排序
   - 关键点位显示

4. **K线技术分析**
   - 多周期K线图（5/15/30/60分钟）
   - MACD指标（DIF/DEA/柱状图）
   - 成交量副图
   - 移动平均线（MA5/MA10/MA20）
   - 关键点位标注（压力位/支撑位）

5. **交易建议系统**
   - 操作建议（做多/做空/观望）
   - 入场/止损/目标价位
   - 风险等级评估
   - 多周期一致性分析

## 技术栈

- **前端框架**: React 18 + TypeScript
- **构建工具**: Vite 7
- **样式方案**: Tailwind CSS 3.4
- **UI组件库**: shadcn/ui
- **图表库**: ECharts 5.4
- **图标库**: Lucide React

## 项目结构

```
/mnt/okcomputer/output/app/
├── src/
│   ├── components/          # 组件目录
│   │   ├── Navbar.tsx       # 导航栏
│   │   ├── MarketOverview.tsx   # 市场概览
│   │   ├── HotEvents.tsx    # 热点事件
│   │   ├── ProductCard.tsx  # 品种卡片
│   │   ├── ProductDetail.tsx    # 品种详情
│   │   ├── KLineChart.tsx   # K线图
│   │   └── RiskAlerts.tsx   # 风险提醒
│   ├── data/
│   │   └── mockData.ts      # 模拟数据
│   ├── types/
│   │   └── index.ts         # 类型定义
│   ├── App.tsx              # 主应用
│   └── index.css            # 全局样式
├── dist/                    # 构建输出
└── docs/                    # 文档目录
```

## 在线演示

**访问地址**: https://ow45rp4dokfss.ok.kimi.link

## 设计特色

- **深色主题**: 专业金融终端风格
- **绿色主色调**: 代表上涨/利多
- **红色警示色**: 代表下跌/利空
- **响应式布局**: 适配多种设备
- **流畅动画**: 提升用户体验