arbitrage-engine/frontend/app/about/page.tsx

82 lines
4.5 KiB
TypeScript
Raw Permalink 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-900"></h1>
<p className="text-slate-500 text-sm mt-1"></p>
</div>
<div className="rounded-xl border border-slate-200 bg-white p-6 space-y-4">
<h2 className="text-lg font-semibold text-blue-600"></h2>
<p className="text-slate-700 text-sm leading-relaxed">
8
</p>
<p className="text-slate-700 text-sm leading-relaxed">
<span className="text-blue-600 font-medium"></span> + USDT结算
</p>
<div className="bg-slate-50 rounded-lg p-4 text-sm font-mono text-slate-700 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-200 bg-white p-6 space-y-4">
<h2 className="text-lg font-semibold text-blue-600">2019-2026×15</h2>
<table className="w-full text-sm">
<thead>
<tr className="border-b border-slate-200">
<th className="text-left py-2 text-slate-500"></th>
<th className="text-right py-2 text-slate-500"></th>
<th className="text-right py-2 text-slate-500">PM净年化</th>
<th className="text-right py-2 text-slate-500"></th>
</tr>
</thead>
<tbody className="text-slate-700">
<tr className="border-b border-slate-200/50">
<td className="py-2 text-blue-600 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-200/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-400 text-xs">PM = Portfolio Margin模式95%Binance fapi/v1/fundingRate官方API</p>
</div>
<div className="rounded-xl border border-slate-200 bg-white p-6 space-y-3">
<h2 className="text-lg font-semibold text-blue-600"></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-50 rounded-lg px-4 py-2">
<span className="text-xs w-12 shrink-0 mt-0.5">{r.level}</span>
<span className="text-slate-700 font-medium w-24 shrink-0">{r.risk}</span>
<span className="text-slate-500">{r.desc}</span>
</div>
))}
</div>
</div>
</div>
);
}