lulu/arbitrage-engine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: add buy/sell direction legend to LiveTradesCard

Browse Source
This commit is contained in:
root 2026-02-27 11:41:57 +00:00
parent bb187167bb
commit 3ff83845fb
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/components/LiveTradesCard.tsx
View File

@ -70,8 +70,14 @@ export default function LiveTradesCard({ symbol }: { symbol: "BTC" | "ETH" }) {
return ( return (
<div className="rounded-xl border border-slate-200 bg-white shadow-sm overflow-hidden"> <div className="rounded-xl border border-slate-200 bg-white shadow-sm overflow-hidden">
<div className="px-4 py-3 border-b border-slate-100 flex items-center justify-between"> <div className="px-4 py-3 border-b border-slate-100 flex items-center justify-between">
<div>
<h2 className="font-semibold text-slate-800 text-sm">实时成交流 · {symbol}/USDT</h2> <h2 className="font-semibold text-slate-800 text-sm">实时成交流 · {symbol}/USDT</h2>
<div className="flex items-center gap-1.5"> <p className="text-xs text-slate-400 mt-0.5">
<span className="text-emerald-600 font-medium">▲ 绿色</span> = 主动买入（多方发动）&nbsp;&nbsp;
<span className="text-red-500 font-medium">▼ 红色</span> = 主动卖出（空方发动）
</p>
</div>
<div className="flex items-center gap-1.5 shrink-0">
<span className="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse" /> <span className="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse" />
<span className="text-xs text-emerald-600">实时</span> <span className="text-xs text-emerald-600">实时</span>
</div> </div>