diff --git a/docs/plans/INBOX.md b/docs/plans/INBOX.md index a1e966a..28a06b7 100644 --- a/docs/plans/INBOX.md +++ b/docs/plans/INBOX.md @@ -1,3 +1,33 @@ +## [已处理] 2026-10-20 | K34-E 榜单 TOP3 铺满 + 列表补简介;剧场吸顶仅分类行 + 选中指示(仅 App 端) + +**用户指令(2026-10-20,原文)**: +> 「1榜单页面 你上方的top3 就展示满就行 下面的列表在展示一下简介什么的 内容要饱满 2剧场页上滑的时候只显示全部 都是情感那些就行了 而且选中状态要不就加一个选中图标啥的 现在这样子太丑了 ui效果不好看」 + +**口径(只改 Flutter,不动后端、不改接口)** + +### 一、榜单页(`lib/pages/ranking/ranking_page.dart`) +1. TOP 3 横排铺满整行:左右内边距 14,三张卡用 `Expanded`(flex 分别 1 / 1.15 / 1)平分剩余宽度,间距 8,高度按各自封面比例自适应(不再固定 92/120 宽),底边对齐;`ranking-top-1/2/3` 角标与点击详情保持。 +2. 第 4 名起列表内容更饱满,每行包含: + - 左侧 TOP n、封面 72×96; + - 右侧:标题(最多 2 行)、简介(`drama.synopsis`,最多 2 行、12 号 muted、行高 1.35)、题材标签行(最多 3 个)、底部一行「火焰 + `formatInteractionCount(viewCount)` + 热度」与「共 N 集」; + - 行内上下 padding 10,行间距 12,白卡圆角 14。 +3. 简介为空时该行不占位(避免空洞)。 + +### 二、剧场页吸顶(`lib/pages/discover/discover_view.dart`) +1. 吸顶头只保留「分类 tab 行」(全部 / 都市情感 / …);工具行(筛选/榜单/新剧/预约)移出吸顶头,跟随列表一起滚走。 +2. 分类选中态重做:选中项 `16 w800`、`AppColors.onSurface`,文字下方 4px 处加 18×2 圆角 1 的主题色横线(Key `theater-category-underline-`),未选中 15 w500 `AppColors.muted` 且横线透明占位;去掉现有不好看的选中样式。 +3. 吸顶动效保持:滚动 >0 时吸顶分类行背景渐变为 `AppColors.ink` + 底部 1px 分隔线;工具行滚动时不吸顶。 +4. 下拉刷新 `edgeOffset` 依据新的吸顶高度(仅分类行)重新计算。 + +**测试/门禁** +- 榜单:TOP3 三段宽度之和等于可用宽度(铺满)、第 4 行起出现简介文本、简介为空不占位; +- 剧场:上滑后分类行 y 不变、工具行已滚出、选中项出现主题色下划线; +- `dart analyze lib test` 零告警 + `flutter test` 全过 + `flutter build apk --debug`。 + +**流程**:从 `develop` 拉 `fix/flutter-k34-podium-sticky`;作者 `Zhou Weidong <502333560@qq.com>`;`--no-ff` 合回 develop 并 push;PROGRESS 留痕;真机验收由用户执行。 + +--- + ## [已处理] 2026-10-20 | K34-D 榜单页前三横排(中间大两侧小 + TOP 角标)+ 第 4 名起纵向列表(仅 App 端) **用户指令(2026-10-20,原文)**: diff --git a/docs/plans/PROGRESS.md b/docs/plans/PROGRESS.md index 740f26b..ba32557 100644 --- a/docs/plans/PROGRESS.md +++ b/docs/plans/PROGRESS.md @@ -21049,3 +21049,33 @@ Running Gradle task 'assembleDebug'... ``` 解读:静态检查零告警,426 条测试全部通过,debug APK 构建成功。工作区原有 `pubspec.lock` 变更未纳入本批提交。真机验收由用户执行。 + +## 2026-10-20 ReelShort:K34-E 榜单铺满/列表补内容 + 剧场仅分类吸顶与下划线 + +- 分支:`fix/flutter-k34-podium-sticky` +- 功能提交:`04a1a4e feat(flutter): 榜单前三铺满与剧场分类吸顶下划线` +- develop 合并提交:`9949b61 merge: 合并 K34-E 榜单与吸顶优化`,已推送。 +- 榜单 TOP3:改为 `Expanded(flex 100 / 115 / 100)` + 间距 8,封面 `AspectRatio(3/4)` 自适应铺满整行(左右 14),底边对齐,角标与详情跳转不变。 +- 榜单第 4 名起:标题 2 行 + 简介(2 行、12 muted,空值不占位)+ 题材标签最多 3 个 + 火焰热度 + 共 N 集;行内 padding 10、行距 12、白卡圆角 14。 +- 剧场:吸顶头只保留分类 tab(44 高),工具行回到列表内随滚动;分类选中态 16 w800 + 下方 18×2 主题色横线(Key `theater-category-underline-`),未选中 15 w500 muted + 透明占位;吸顶背景动效保留,`edgeOffset` 重算为 44 + 8 = 52。 +- 其它页面与搜索框白底未变。 + +测试:TOP3 铺满(左右边距、中间更宽、底边对齐)、第 4 名行展示简介、分类下划线随选中切换、滚动后分类行不动而工具行滚出、刷新 edgeOffset 52。 + +门禁原始输出: + +```text +$ dart analyze lib test +Analyzing lib, test... +No issues found! + +$ flutter test +00:39 +427: All tests passed! + +$ flutter build apk --debug +Running Gradle task 'assembleDebug'... + 7.3s +✓ Built build/app/outputs/flutter-apk/app-debug.apk +``` + +解读:静态检查零告警,427 条测试全部通过,debug APK 构建成功。工作区原有 `pubspec.lock` 变更未纳入本批提交。真机验收由用户执行。