+ {/* 顶栏 */}
+
+
+
+ {hasKey ? provider?.name : '未配置'} · {provider?.freeQuota}
+
+
+
+
+
+
+ {/* 未配置 Key 引导 */}
+ {!hasKey && (
+
+
🔑
+
配置数据源以开始使用
+
+ 选择一个汇率数据服务商并填入 API Key，所有渠道均提供免费额度，注册即可获取。
+
+
+
+ )}
+
+ {/* 金额输入 */}
+
+
+
+ setAmount(e.target.value)}
+ placeholder="输入金额"
+ />
+ {from}
+
+
+
+
+ {/* 货币选择行 */}
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* 结果展示 */}
+
+
+
+ {result !== null ? formatNum(result) : '—'}
+
+ {to}
+
+
+ {rate !== null ? (
+ <>
+ 1 {from} = {formatNum(rate)} {to}
+ {rateDate && · {rateDate}}
+
+ ) : loading ? (
+ '正在获取汇率…'
+ ) : err ? (
+ {err}
+ ) : (
+ '—'
+ )}
+
+
+
+
+
+
+ {/* 趋势图 */}
+ {seriesSupported && (
+
+
+
+ 近 {seriesRange} 天 {from}/{to} 走势
+
+
+
+
+
+
+
+ {stats && (
+
+
+ 最新
+ {formatNum(stats.latest)}
+
+
+ 区间最高
+ {formatNum(stats.max)}
+
+
+ 区间最低
+ {formatNum(stats.min)}
+
+
+ 区间均值
+ {formatNum(stats.avg)}
+
+
+ 区间涨跌
+ = 0 ? 'up' : 'down'}`}>
+ {stats.changePct >= 0 ? '+' : ''}
+ {(stats.changePct * 100).toFixed(2)}%
+
+
+
+ )}
+
+
+
+ )}
+
+
+ 数据来源：{provider?.name || '-'} · 仅供参考，不构成投资建议
+
+