ExchangeMaster 💱

专业货币兑换工具

一款直观高效的货币兑换计算器，支持全球主要货币之间的实时换算

功能特性 • 快速开始 • 支持货币 • 技术栈

---

📋 项目简介

ExchangeMaster 是一款现代化的货币兑换计算器，专为旅行者、国际商务人士以及关注全球金融市场的用户设计。应用提供直观的界面和准确的汇率换算，帮助用户快速完成货币兑换计算。

✨ 功能特性

• 实时货币兑换 - 支持12种主要货币之间的快速换算
• 汇率走势图表 - 可视化展示近30天的汇率变化趋势
• 货币信息卡片 - 显示各国货币的详细信息（名称、国家、符号）
• 双向兑换 - 一键交换源货币和目标货币
• 响应式设计 - 完美适配桌面端、平板和移动设备
• 优雅的UI - 现代化的渐变背景和流畅的动画效果
• 国旗图标 - 直观显示各国货币对应的国旗

🚀 快速开始

在线使用

直接在浏览器中打开 index.html 文件即可使用。

本地部署

1. 克隆项目到本地

git clone https://github.com/yourusername/ExchangeMaster.git
cd ExchangeMaster

2. 使用浏览器打开 index.html 文件

# 或使用本地服务器
python -m http.server 8000
# 然后访问 http://localhost:8000

💰 支持货币

货币代码	货币名称	国家/地区	符号
USD	美元	美国	$
CNY	人民币	中国	¥
EUR	欧元	欧盟	€
GBP	英镑	英国	£
JPY	日元	日本	¥
AUD	澳元	澳大利亚	A$
CAD	加元	加拿大	C$
CHF	瑞士法郎	瑞士	CHF
HKD	港元	香港	HK$
SGD	新加坡元	新加坡	S$
KRW	韩元	韩国	₩
INR	印度卢比	印度	₹

🛠️ 技术栈

• HTML5 - 页面结构
• CSS3 - 样式设计（使用CSS变量、Flexbox、Grid布局）
• JavaScript (ES6+) - 核心逻辑
• Chart.js - 汇率走势图表
• Font Awesome - 图标库
• Flagcdn - 国旗图标API

📁 项目结构

ExchangeMaster/
├── index.html          # 主页面
├── app.js             # 核心JavaScript逻辑
├── styles.css         # 样式文件
└── README.md          # 项目文档

💡 使用说明

1. 选择源货币 - 点击"您有"区域的货币选择器，从列表中选择源货币
2. 输入金额 - 在输入框中输入要兑换的金额
3. 选择目标货币 - 点击"兑换为"区域的货币选择器，选择目标货币
4. 查看结果 - 兑换结果会自动显示，同时更新汇率信息和走势图表
5. 快速交换 - 点击中间的交换按钮可以快速互换源货币和目标货币

📊 核心功能说明

汇率计算

• 所有汇率以美元（USD）为基准进行换算
• 计算公式：目标金额 = (源金额 / 源货币汇率) × 目标货币汇率

历史走势

• 自动生成近30天的模拟汇率数据
• 使用Chart.js绘制平滑的折线图
• 支持鼠标悬停查看具体日期的汇率

响应式适配

• 桌面端：完整的多列布局
• 平板端：自适应调整卡片大小
• 移动端：单列布局，优化触摸操作

⚠️ 注意事项

• 本应用使用的是模拟汇率数据，仅供学习和演示使用
• 实际交易请参考银行或金融机构的实时汇率
• 历史走势图表数据为模拟生成，不代表真实市场数据

🔮 未来计划

• 接入真实汇率API（如ExchangeRate-API、Fixer.io等）
• 添加更多货币支持
• 实现汇率提醒功能
• 添加货币收藏功能
• 支持离线使用（PWA）
• 添加多语言支持

📄 许可证

本项目采用 MIT 许可证。详见 LICENSE 文件。

🤝 贡献

欢迎提交 Issue 和 Pull Request！

📧 联系方式

如有问题或建议，欢迎通过以下方式联系：

• 提交 Issue
• 发送邮件至：your.email@example.com

---

© 2025 ExchangeMaster | 模拟汇率数据，仅供参考

Made with ❤️ by [Your Name]