Skip to content

移动端版本

Funding History Search 完全响应式设计,适用于屏幕宽度 768px 及以下的移动设备。

布局变化

在移动端,桌面端的三栏布局转换为单栏视图:

桌面端移动端
左侧栏始终可见折叠为 ≡ Scan 按钮(48px)
右侧栏始终可见折叠为 $ Portfolio 按钮(48px)
中部面板共享空间中部面板占据全宽

浮动操作按钮

屏幕底部出现两个浮动操作按钮(FAB):

  • ≡ Scan — 以全宽覆盖层形式打开左侧栏(扫描控制 + 结果列表)
  • $ Portfolio — 以全宽覆盖层形式打开右侧栏(投资组合)

点击 FAB 打开对应面板。面板后方会出现背景遮罩 — 点击遮罩即可关闭。

导航流程

  1. 打开 Scan 面板 → 配置并运行扫描 → 浏览结果
  2. 点击某个标的 → 面板关闭,标的详情显示在中部
  3. 打开 Portfolio 面板 → 查看仓位和 PnL
  4. 使用全屏投资组合模态框进行详细的仓位管理

可调整面板

在桌面端,可以通过拖动面板之间的分隔条来调整面板大小:

  • 左侧分隔条 — 调整扫描/结果面板的宽度(最小 200px,最大 600px)
  • 右侧分隔条 — 调整投资组合面板的宽度(最小 200px,最大 600px)
  • 面板宽度保存至 localStorage(ts_leftWidthts_rightWidth),下次访问时自动恢复

在移动端,面板调整大小功能被禁用——打开时面板始终占据全屏宽度。

最佳移动端体验

在移动端使用 Fullscreen Portfolio(⛶ 按钮)可获得最佳的仓位管理体验。全屏模态框提供更大的表格视图和每个仓位的 PnL 图表,在小屏幕上更易于交互。