docs(plans): 留痕 K34-D 榜单三强横排

This commit is contained in:
Zhou Weidong committed 2026-10-20 15:08:59 +08:00
1 parent e14d266dfd
commit 2a2e301e57
2 files changed
+53

No files matched your search

+25
View File
@@ -1,3 +1,28 @@
## [已处理] 2026-10-20 | K34-D 榜单页前三横排(中间大两侧小 + TOP 角标)+ 第 4 名起纵向列表(仅 App 端)
**用户指令(2026-10-20,原文)**:
> 「榜单页面在优化下 要有角标top 几 top 3横着排列 中间大 两边的小 下面的依次排列」
**口径(只改 Flutter,不动后端、不改接口)**
1. 榜单页(`lib/pages/ranking/ranking_page.dart`)顶部新增「三强横排」:
- 横向排列 TOP 2(左)/ TOP 1(中)/ TOP 3(右),底边对齐;
- 尺寸:中间卡片封面 120×160、两侧 92×124,圆角 12,中间整体视觉最突出;
- 每张封面左上角有角标:`TOP 1 / TOP 2 / TOP 3`(Key `ranking-top-1/2/3`),角标为主色/金色/古铜色渐变胶囊、白色 11 号 w800;
- 封面下 6 显示剧名(中间 15 号 w800,两侧 13 号 w700,最多 1 行省略);
- 点击进详情页;数据不足 3 部时按实际数量截断,不占位。
2. 第 4 名起保留纵向列表:左侧名次(`TOP 4` 起,18 号 w800)、封面 72×96、标题两行、题材标签、火焰 + `formatInteractionCount` + 热度;行 Key 仍为 `ranking-row-<index>`(index 从 3 开始,即第 4 名)。
3. 整页仍为 `AppColors.ink` 背景、顶部返回栏(Key `ranking-back`)、标题「排行榜」+ 副标题;前三分区和列表整体在同一个滚动容器内。
4. 其余页面(新剧/预约)与搜索框白底保持 K34-C 结果不变。
**测试/门禁**
- 更新/新增:存在 `ranking-top-1/2/3` 且 1 的封面尺寸大于 2/3;TOP 2 在 TOP 1 左侧、TOP 3 在右侧且底边对齐;第 4 名起出现 `ranking-row-3` 及以后;数据少于 3 部时角标数量正确;
- `dart analyze lib test` 零告警 + `flutter test` 全过 + `flutter build apk --debug`。
**流程**:从 `develop` 拉 `fix/flutter-k34-ranking-podium`;作者 `Zhou Weidong <502333560@qq.com>`;`--no-ff` 合回 develop 并 push;PROGRESS 留痕;真机验收由用户执行。
---
## [已处理] 2026-10-20 | K34-C 搜索框改白底 + 新建榜单/新剧/预约三个页面(仅 App 端)
**用户指令(2026-10-20,原文)**: