F5 · 5 种布局方案

同样的信息量和数据，5 种排布方式。
5 套都是 30 个数据点（OHLC / 涨跌 / 量能 / MA 三条带偏离 / RSI / ATR / 布林上下轨 / 区间高低位置 / 6 档赔率 / 打平胜率 / 赔付 / 账户 / 四时段 / 订单），差别只在怎么排。
V1 原版分屏（F5）上半屏锁死 · 下半屏滚动
上半屏价格 + 200px 图表完全固定，下半屏滚动看 16 张迷你卡（横向滑动）、下单、账户、时段、订单。
┌──────────────┐ │ 价格 3,997.89 │ 固定 │ [ 图表 200px ]│ ├──────────────┤ │ 16 卡 横滑 → │ 滚动 │ 赔率 金额 按钮│ │ 账户 时段 订单│ └──────────────┘
V2 三区固定三道分割线 · 每区带标签
明确切成三个带标题的区：QUOTE（行情，金色下划线）· CHART（图表）· MARKET DATA（16 格换成 4×4 网格，不再横滑）。区与区之间有 2px 明显分界。
┌ QUOTE ────────┐ 金色线 │ 3,997.89 BID/ASK│ ├ CHART M1 ─────┤ 灰线 │ [ 图表 186px ] │ ├ MARKET DATA ──┤ │ ┌┬┬┬┐ 4×4 网格 │ 滚动 │ ├┼┼┼┤ 赔率 按钮 │ │ 账户 时段 订单 │ └──────────────┘
V3 左右分栏左滚动 / 右固定 · 横向利用
左栏 44% 滚动看指标（2 列小卡）+ 账户 + 订单；右栏 56% 是价格 + 图表 + 下单，永远可见。横屏手机或平板上体验最好。
┌────────┬─────────┐ │ 指标 │ 3,997.89│ │ ┌─┬─┐ │ [图表] │ │ ├─┼─┤ │ ─────── │ │ ├─┼─┤ │ [60s 68%]│ 左滚动 │ 账户 │ [−10+] │ 右固定 │ 订单 │ [跌][涨]│ └────────┴─────────┘
V4 折叠面板默认收起 · 点开才看
图表 160px 固定，下单区吸顶常显。下面三个折叠面板：技术指标 16 项（默认展开）、账户与时段、最近订单。要看数据点一下，平时只占一行。
┌──────────────┐ │ 3,997.89 │ │ [ 图表 160px]│ ├──────────────┤ │ 赔率 金额 按钮│ 吸顶 ├──────────────┤ │ + 技术指标 16 │ 展开▾ │ + 账户与时段 │ 收起 │ + 最近订单 │ 收起 └──────────────┘
V5 Tab 标签三个页签切换 · 只显示一个
图表 150px + 下单区都固定，下面用三个页签：指标 16 / 账户 / 订单。一个页签只显示一组，切换有淡入位移动画 + 5ms 震动。
┌──────────────┐ │ 3,997.89 │ │ [ 图表 150px]│ │ 赔率 金额 按钮│ 固定 ├──────────────┤ │指标16│账户│订单│ ← 页签 ├──────────────┤ │ ┌┬┬┬┐ │ 只显示 │ └┴┴┴┘ 当前页 │ 一个 └──────────────┘
怎么选：
· 想一次看全 → V2 三区（4×4 网格一屏看完 16 项）
· 手机竖屏日常用 → V1 原版（最平衡）
· 横屏/平板 → V3 左右栏（横向空间利用最好）
· 嫌乱想干净 → V4 折叠（平时只露下单区）
· 数据太多挑着看 → V5 Tab（一次只看一组）