AiTrader助手策略看板前端实现

做 AiTrader 策略助手前端时，我本以为数据量不大能很快搞定。结果光调颜色、改卡片高度就折腾了好几天。

看板挂在仪表盘下面，开了 keepAlive，交易员来回切页面才不会反复请求。顶部状态栏放了个一闪一闪的小绿点，旁边显示更新时间——一眼就能看出后端任务挂没挂。

最核心的是共振矩阵。BTC、ETH 等四个币，把日线、4H、1H 三个周期的方向和参考价排在一起。卡片边框和底色跟着状态变：三周期都看多是绿，都看空是红。一开始透明度给太高，整屏花花绿绿反而找不到重点，后来压到一成左右，淡淡一层刚好。

长线那块有 30 个资产，一次全拉回来，前端直接筛选，基本感觉不到延迟。

上线前踩了两个坑。一是策略提示文字被底边截掉半行，正好把关键价格藏了。后来统一设了最小高度，去掉行数限制，鼠标放上去还能看全文。

二是后端算出的阈值价精度太高，比如 AAVE 有一长串小数，挤得页面乱七八糟。最后按价格大小分档格式化，小币种留够小数位，几万刀的 BTC 和几分钱的小币放在一起也干干净净。

这些细节都不大，但交易员每天盯好几个小时，不顺手就很难受。