Files
xiaobaifupan/REDESIGN_PLAN.md

3.8 KiB

小白复盘全站重塑计划

本文件是全站重塑的固定执行基线。后续上下文变化时,以本文件为准,不得自行压缩、合并或跳过阶段。

执行原则

  1. 保留现有 API、业务逻辑、权限、用户数据隔离和功能行为。
  2. 有参考原型的页面,直接以 ../界面优化 内对应 HTML/CSS 为结构和视觉源,不再在旧 DOM 上模仿。
  3. 每次只验收一个界面。该界面的旧布局和旧专属样式先退出控制,再迁移原型结构并重新绑定数据。
  4. 桌面端以 1440x900 和宽屏截图逐项对照;移动端保证可用,不要求与桌面端同等视觉密度。
  5. 每阶段必须通过功能、权限、交互、控制台错误和视觉截图检查后,才可进入下一阶段。
  6. 不使用 UI/UX Pro Max。

19 个阶段

  1. 恢复功能基线:修复集合竞价、题材库、人气榜错误。
  2. 全局框架:顶部栏、侧栏、折叠行情条、页面容器和基础组件。
  3. 情绪周期:直接迁移 emotion.html,补回交易日明细和昨日反馈。
  4. 涨停池:迁移 pool.html
  5. 炸板池:迁移 broken.html
  6. 跌停池:迁移 limit.html 对应页面。
  7. 昨日涨停:迁移 yesterday.html
  8. 涨停表现:迁移 perf.html
  9. 市场天梯:迁移 ladder.html
  10. 板块轮动:迁移 rotation.html
  11. 集合竞价:迁移 index.html 并接回全部现有功能。
  12. 题材库:保留现有信息架构,按新设计系统重做。
  13. 人气热榜:迁移 hot.html
  14. 龙虎榜:迁移 dragon.html,保留当前数据卡和游资档案入口。
  15. 智能选股:迁移 screener.html 的三个选股工作区。
  16. 问师:迁移 mentor.html 并接回完整功能。
  17. 我的复盘:迁移 review.html 并接回完整功能。
  18. 全局功能界面:详情、搜索、提醒、账户、会员、系统管理和模态弹窗。
  19. 全站验收:桌面/移动、权限矩阵、接口、交互、缓存和废弃 CSS 清理。

当前批次

  • 阶段 1:已完成
  • 阶段 2:已完成
  • 阶段 3:已完成并通过用户验收
  • 阶段 4:已完成并通过用户验收
  • 阶段 5:已完成并通过用户验收
  • 阶段 6:已完成并通过用户验收
  • 阶段 7:已完成并通过用户验收
  • 阶段 8:已完成并通过用户验收
  • 阶段 9:已完成并通过用户验收
  • 阶段 10:已完成并通过用户验收
  • 阶段 11:已完成并通过用户验收
  • 阶段 12:已完成并通过用户验收
  • 阶段 13:已完成并通过用户验收
  • 阶段 14:已完成并通过用户验收
  • 阶段 15:已完成并通过用户验收
  • 阶段 16:已完成并通过用户验收
  • 阶段 17:已完成并通过用户验收
  • 阶段 18:已完成,等待用户验收
  • 阶段 19:阶段 18 经用户验收后开始

阶段 19 补充验收项

  • 按用户指定,在后续工作序列第 7 步(第 19 阶段)统一治理原生弹窗生命周期:禁止多弹窗重叠;打开、加载失败与关闭状态必须可恢复;所有弹窗保留可见关闭入口并支持 Escape;回归“空白长弹窗无法关闭、只能刷新恢复”的历史问题。
  • 统一当前并存的多套历史设计令牌与页面局部规范:以全站设计规范为唯一基线,合并重复令牌,移除废弃、重复及页面内硬编码的颜色规则,避免日间与夜间主题各自出现局部失配。
  • 建立搜索框、分段筛选、元数据标签、信息卡、表格与模态弹窗的统一组件契约;逐页清理绕过共享契约的局部实现,并对桌面/移动、日间/夜间四种组合执行视觉回归。
  • 问天页面当前滚动条消失与内容高度不足问题不在夜间模式补丁中临时叠加规则,随问天重塑统一修正页面高度、滚动容器和三阶段布局。