From 60112bf8ebd6aafb91d9f68842e6bd0f67488bed Mon Sep 17 00:00:00 2001 From: dekun Date: Mon, 27 Jul 2026 06:54:42 +0800 Subject: [PATCH] Add mobile monitor layout with bottom nav and glance card. EOF Co-authored-by: Cursor --- docs/更新说明.md | 10 ++ frontend/src/App.tsx | 51 +++++--- frontend/src/pages/Plan.tsx | 74 +++++++++-- frontend/src/styles/app.css | 251 +++++++++++++++++++++++++++++++++--- 4 files changed, 343 insertions(+), 43 deletions(-) diff --git a/docs/更新说明.md b/docs/更新说明.md index d2223bf..197df1c 100644 --- a/docs/更新说明.md +++ b/docs/更新说明.md @@ -5,6 +5,16 @@ --- +## 2026-07-27 — 手机端监控布局 + +### 变更 + +1. **底部导航**：窄屏隐藏顶栏菜单，改用底栏「监控 / 记录 / 统计 / 设置」（含安全区）。 +2. **监控首页卡**：一屏看状态（启动/暂停/已停）、盘口、阶段、净盈利 vs 目标、到期倒计时、最近错误。 +3. **操作区**：启动 / 暂停 / 紧急全平触摸友好；紧急全平通栏；桌面布局不变。 + +--- + ## 2026-07-26 — 企业微信通知 + 暂停盯目标 ### 变更 diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index a253d2d..e371577 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -12,6 +12,13 @@ import TradesPage from "./pages/Trades"; import StatsPage from "./pages/Stats"; import SettingsPage from "./pages/Settings"; +const NAV = [ + { to: "/plan", label: "监控", full: "自动对冲计划" }, + { to: "/trades", label: "记录", full: "交易记录" }, + { to: "/stats", label: "统计", full: "统计" }, + { to: "/settings", label: "设置", full: "系统设置" }, +] as const; + function Shell({ children }: { children: ReactNode }) { const user = getUsername(); return ( @@ -26,27 +33,26 @@ function Shell({ children }: { children: ReactNode }) { width={28} height={28} /> - 比特骆驼自动化对冲系统 + 比特骆驼自动化对冲系统 + 比特骆驼 -