docs(plans): 记录 K26 六屏预览校正

This commit is contained in:
Zhou Weidong committed 2026-10-19 15:51:19 +08:00
1 parent 5cc6ce9d32
commit 6fd532beae
3 files changed
+155 -1

No files matched your search

+71
View File
@@ -5049,3 +5049,74 @@ eefabb6 merge: 修复播放器全屏进入方式
提交与合并 author/committer 均为 `Zhou Weidong <502333560@qq.com>`;
`develop` 与 `fix/flutter-player-fullscreen` 已推送。真机验收由用户执行。
### K26 客户端六屏按「移动端设计预览」校正(2026-10-19)
权威文件:`/Users/jianghaifeng/Desktop/ReelShort/docs/移动端设计预览.html`。
保留 K24 的 Outfit / Plus Jakarta Sans、全部 Provider 业务逻辑与接口。
Token:
- `bar=#0D0D11`、`card=#1B1C21`、`cardAlt/raised=#1C1D21`、`input=#25252A`、
`quick=#202126`、`goldCard=#201B1E`、`text=#E6E1E3`、`muted=#D2CDD0`、
`subtle=#9A96A3`、`accent=#FFA490`。
- 卡片圆角 12、按钮 9、chips 20、封面 10;导航高 54、图标 17、文字 9;
进度条 3px。
六屏:
1. 首页:剧名 + 28px 搜索/菜单;Like/Comment/Share/Favorite 四项;底部 14px 玻璃卡
(tags、第 x/共 y 集、13px 标题、34px 追剧/选集);去掉 HOT/Season/头像 Follow。
2. 发现:Logo + 发现 + 搜索/头像;36px 搜索框;推荐分类 chips;52×66 Continue Watching;
4 个 62px 快捷入口;热门短剧标题 + 2 列 120px 封面网格。
3. 详情:190px hero + 28px 返回;N 集、18px 标题、11px 简介、40px 开始观看、选集 chips;
收藏/下载/分享/举报收进更多;移除 K25 统计行、CTA 行与剧集预览卡。
4. 播放器:全屏 46px 顶栏;中心 52px 播放、1.0x;3px 进度;32px 选集/评论/下一集;
精选评论卡;无右侧互动栏;下载/PiP/点赞/收藏/分享收进更多。
5. 我的:Logo + 我的 + 搜索/头像;48px 用户行;`#201B1E` 金币卡;50×64 Continue Watching;
历史/收藏/喜欢 Tabs;历史卡;语言行;保留通知/下载/账号中心入口。
6. 登录:64px 渐变 Logo + 水果短剧 + 副标题;Google/手机号/邮箱三个 44px 入口;
Google/手机号提示即将开放,邮箱进入 K21 表单;底部法律文案。
新增/更新测试:首页预览卡、发现搜索/Continue Watching/2 列网格、详情选集 chips、
全屏播放器三按钮、Me 页用户/金币/继续观看/语言行、登录三入口。
门禁原始输出:
```text
$ dart analyze lib test
No issues found!
$ flutter test
00:30 +354: All tests passed!
$ flutter build apk --debug
Running Gradle task 'assembleDebug'... 27.2s
✓ Built build/app/outputs/flutter-apk/app-debug.apk
```
构建在 `/tmp/reelshort-k26-final` 独立 worktree 完成,避免与用户侧 `flutter run`
并发占用主 `build/`。
Git:
```text
87db548 feat(theme): 校正 K26 预览色板与导航
21d457f feat(ui): 校正首页发现详情播放器预览
fecc5b0 feat(ui): 新增登录入口与我的页预览
8767b56 test(ui): 更新三 Tab 预览断言
a5398da merge: K26 客户端六屏按预览校正
```
提交与合并 author/committer 均为 `Zhou Weidong <502333560@qq.com>`。
ReelShort `develop` 与 `feature/flutter-k26-mobile-preview` 已推送。
真机验收步骤(设备侧取证由用户执行):
1. 首页检查剧名/搜索/菜单、四项互动、底部玻璃卡与 34px 追剧/选集按钮。
2. 发现检查 36px 搜索、分类 chips、Continue Watching、4 快捷入口、2 列热门短剧。
3. 详情检查 190px hero、N 集、18px 标题、40px 开始观看与选集 chips;更多菜单含收藏/下载。
4. 从详情进入播放器,检查全屏顶栏、中心播放、3px 进度、三按钮与精选评论。
5. 我的检查用户行、金币卡、Continue Watching、历史/收藏/喜欢与语言行。
6. 登录页检查三个入口;Google/手机号提示即将开放,邮箱进入现有表单。
7. 320×568、360×720、390×844 与深色/浅色检查无溢出。