移动端版本
Funding History Search 完全响应式设计,适用于屏幕宽度 768px 及以下的移动设备。
布局变化
在移动端,桌面端的三栏布局转换为单栏视图:
| 桌面端 | 移动端 |
|---|---|
| 左侧栏始终可见 | 折叠为 ≡ Scan 按钮(48px) |
| 右侧栏始终可见 | 折叠为 $ Portfolio 按钮(48px) |
| 中部面板共享空间 | 中部面板占据全宽 |
浮动操作按钮
屏幕底部出现两个浮动操作按钮(FAB):
- ≡ Scan — 以全宽覆盖层形式打开左侧栏(扫描控制 + 结果列表)
- $ Portfolio — 以全宽覆盖层形式打开右侧栏(投资组合)
点击 FAB 打开对应面板。面板后方会出现背景遮罩 — 点击遮罩即可关闭。
导航流程
- 打开 Scan 面板 → 配置并运行扫描 → 浏览结果
- 点击某个标的 → 面板关闭,标的详情显示在中部
- 打开 Portfolio 面板 → 查看仓位和 PnL
- 使用全屏投资组合模态框进行详细的仓位管理
可调整面板
在桌面端,可以通过拖动面板之间的分隔条来调整面板大小:
- 左侧分隔条 — 调整扫描/结果面板的宽度(最小 200px,最大 600px)
- 右侧分隔条 — 调整投资组合面板的宽度(最小 200px,最大 600px)
- 面板宽度保存至 localStorage(
ts_leftWidth、ts_rightWidth),下次访问时自动恢复
在移动端,面板调整大小功能被禁用——打开时面板始终占据全屏宽度。
最佳移动端体验
在移动端使用 Fullscreen Portfolio(⛶ 按钮)可获得最佳的仓位管理体验。全屏模态框提供更大的表格视图和每个仓位的 PnL 图表,在小屏幕上更易于交互。