docs(plans): 留痕 K34-D 榜单三强横排
This commit is contained in:
1 parent
e14d266dfd
commit
2a2e301e57
2 files changed
+53
No files matched your search
@@ -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,原文)**:
|
||||
|
||||
Reference in new issue
Block a user