You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
# 智能期货期权分析系统 - 项目概述
|
|
|
|
|
|
|
|
|
|
|
|
## 项目简介
|
|
|
|
|
|
|
|
|
|
|
|
智能期货期权分析系统是一个专业的金融数据可视化平台,旨在为期货期权交易者提供全面的市场分析、热点事件解读、多周期技术分析和交易决策支持。
|
|
|
|
|
|
|
|
|
|
|
|
## 核心功能
|
|
|
|
|
|
|
|
|
|
|
|
### 已实现功能
|
|
|
|
|
|
|
|
|
|
|
|
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
|
|
|
|
|
|
|
|
|
|
|
|
## 设计特色
|
|
|
|
|
|
|
|
|
|
|
|
- **深色主题**: 专业金融终端风格
|
|
|
|
|
|
- **绿色主色调**: 代表上涨/利多
|
|
|
|
|
|
- **红色警示色**: 代表下跌/利空
|
|
|
|
|
|
- **响应式布局**: 适配多种设备
|
|
|
|
|
|
- **流畅动画**: 提升用户体验
|