Skip to content

R20 Quantum Trader v6.6.1 (Mobile Navigation Boost & Instant Switch)

Choose a tag to compare

@555cute 555cute released this 04 Sep 02:18
· 4 commits to main since this release

🚀 R20 Quantum Trader v6.6.1 (Mobile Navigation Boost & Instant Switch)

移动端后台导航深度重构 · 0ms 乐观高亮反馈 · 全模块后台空闲预载 · 全功能滑动抽屉

R20 Quantum Trader v6.6.1 针对移动端浏览器(iOS Safari、Android Chrome、微信/QQ 内置浏览器)在控制台切换页面时偶尔出现的**“切换不动、点击无反应、手势判定冲突”**等交互痛点,进行了系统级的性能优化与触控体验重构。


📱 v6.6.1 核心体验与性能优化特性

1. 🗂️ 全新移动端全屏导航抽屉 (Mobile Slide Drawer)

  • 44px 舒适拇指热区:在窄屏设备顶栏新增「菜单」快捷按钮,点击平滑呼出左侧全高抽屉导航;
  • 层级分明:系统总览、策略配置、交易与网关、系统管理 4 大板块以卡片化排版完整呈现;
  • 点击即走:单次轻触任意目标标签即可在毫秒级完成页面切换并平滑收起抽屉,杜绝误触。

2. ⚡ 0ms 乐观视觉反馈与极光进度条

  • 消除“点了跟没点一样”的视觉真空期:引入 pendingView 乐观状态机制,用户在触摸屏幕的瞬间(0ms)当前标签即刻高亮切换;
  • 顶栏极光进度条:页面切换期间顶部自动亮起 2.5px 极光流光线(Gradient Loading Line),明确告知用户正在跳转。

3. 🏎️ 异步模块空闲预载 (Idle-Time Route Pre-fetching)

  • 消除分包网络下载等待:利用浏览器 requestIdleCallback 机制,在后台页面加载完毕后的空闲时刻,静默预加载全部 15 个后台功能模块的代码分包;
  • 本地秒切:用户后续点击任何菜单项时直接从浏览器内存中唤醒组件,不再受移动端弱网加载分包的延迟困扰。

4. 🧭 移动端横向标签自动居中寻轨

  • 自动滚动可视区:横向滑动条引入 scrollIntoView({ inline: "center", behavior: "smooth" })
  • 触控优化:全面启用 touch-manipulation-webkit-overflow-scrolling: touch,消除 300ms 点击延迟与微动手势误判取消。

🧪 自动化测试与工程验证

  • 全栈单元测试:166/166 项测试持续 100% 通过(Ran 166 tests in 29s, OK);
  • 前端生产编译:Vite 1.00s 极速构建完成,零告警;
  • 线上服务热重启:Uvicorn 运行环境已同步热载入 v6.6.1,探针返回 200 OK。

🌐 在线实盘大屏 · 📖 官方开发文档 · 🐧 LINUX DO 社区