arbitrage-engine/frontend/app/about/page.tsx
2026-02-26 12:42:29 +00:00

82 lines
4.6 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

export default function AboutPage() {
return (
<div className="space-y-6 max-w-3xl">
<div>
<h1 className="text-2xl font-bold text-slate-100"></h1>
<p className="text-slate-400 text-sm mt-1"></p>
</div>
<div className="rounded-xl border border-slate-700 bg-slate-800/50 p-6 space-y-4">
<h2 className="text-lg font-semibold text-cyan-400"></h2>
<p className="text-slate-300 text-sm leading-relaxed">
8
</p>
<p className="text-slate-300 text-sm leading-relaxed">
<span className="text-cyan-400 font-medium"></span> + USDT结算
</p>
<div className="bg-slate-900/50 rounded-lg p-4 text-sm font-mono text-slate-300 space-y-1">
<div> 1 BTC $96,000</div>
<div> 1 BTC $96,0001</div>
<div className="text-slate-500"></div>
<div className="text-emerald-400">BTC涨跌 = 0</div>
<div className="text-emerald-400">8 USDT </div>
</div>
</div>
<div className="rounded-xl border border-slate-700 bg-slate-800/50 p-6 space-y-4">
<h2 className="text-lg font-semibold text-cyan-400">2019-2026×15</h2>
<table className="w-full text-sm">
<thead>
<tr className="border-b border-slate-700">
<th className="text-left py-2 text-slate-400"></th>
<th className="text-right py-2 text-slate-400"></th>
<th className="text-right py-2 text-slate-400">PM净年化</th>
<th className="text-right py-2 text-slate-400"></th>
</tr>
</thead>
<tbody className="text-slate-300">
<tr className="border-b border-slate-700/50">
<td className="py-2 text-cyan-400 font-medium">BTC</td>
<td className="py-2 text-right">12.33%</td>
<td className="py-2 text-right text-emerald-400 font-medium">11.67%</td>
<td className="py-2 text-right">13.07%</td>
</tr>
<tr className="border-b border-slate-700/50">
<td className="py-2 text-violet-400 font-medium">ETH</td>
<td className="py-2 text-right">14.87%</td>
<td className="py-2 text-right text-emerald-400 font-medium">14.09%</td>
<td className="py-2 text-right">12.17%</td>
</tr>
<tr>
<td className="py-2 text-emerald-400 font-medium">50/50</td>
<td className="py-2 text-right">13.81%</td>
<td className="py-2 text-right text-emerald-400 font-bold">13.08%</td>
<td className="py-2 text-right"></td>
</tr>
</tbody>
</table>
<p className="text-slate-500 text-xs">PM = Portfolio Margin模式95%Binance fapi/v1/fundingRate官方API</p>
</div>
<div className="rounded-xl border border-slate-700 bg-slate-800/50 p-6 space-y-3">
<h2 className="text-lg font-semibold text-cyan-400"></h2>
<div className="space-y-2 text-sm">
{[
{ level: "🟡 中", risk: "市场周期", desc: "熊市年化可降至0-4%,但不亏本金" },
{ level: "🟢 低", risk: "费率持续为负", desc: "历史负费率仅12-13%,长期均值为正" },
{ level: "🟡 中", risk: "交易所对手方", desc: "FTX教训建议考虑分散" },
{ level: "🟢 低", risk: "爆仓风险", desc: "1倍杠杆+对冲理论需BTC翻倍才触发" },
{ level: "🟢 低", risk: "基差波动", desc: "长期持有不影响,只影响平仓时机" },
].map((r, i) => (
<div key={i} className="flex items-start gap-3 bg-slate-900/40 rounded-lg px-4 py-2">
<span className="text-xs w-12 shrink-0 mt-0.5">{r.level}</span>
<span className="text-slate-300 font-medium w-24 shrink-0">{r.risk}</span>
<span className="text-slate-400">{r.desc}</span>
</div>
))}
</div>
</div>
</div>
);
}