From 4c20c82f963d3033c4d3babdd21ce3be3bfe3d94 Mon Sep 17 00:00:00 2001 From: Zhou Weidong <502333560@qq.com> Date: Wed, 21 Oct 2026 10:52:55 +0800 Subject: [PATCH] =?UTF-8?q?docs(plans):=20=E7=95=99=E7=97=95=20K82=20?= =?UTF-8?q?=E5=8F=B3=E4=BE=A7=E4=BA=92=E5=8A=A8=E6=A0=8F=E5=9B=BE=E6=A0=87?= =?UTF-8?q?=E5=8D=87=E7=BA=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/plans/INBOX.md | 49 ++++++++++++++++++++++++------------------ docs/plans/PROGRESS.md | 30 ++++++++++++++++++++++++++ 2 files changed, 58 insertions(+), 21 deletions(-) diff --git a/docs/plans/INBOX.md b/docs/plans/INBOX.md index 3db3712..8aa0c4e 100644 --- a/docs/plans/INBOX.md +++ b/docs/plans/INBOX.md @@ -1,40 +1,47 @@ # INBOX -## [已处理] K81-A 更多面板文字减重、标签缩小 +## [已处理] K82-A 右侧互动栏图标按参考图替换并放大 -### 反馈 +### 需求 -K80-A 重做后文字偏粗,「倍速」「清晰度」等标签偏大。 +首页 feed / 全屏播放页右侧的「收藏 / 评论 / 喜欢 / 分享」与参考图不一致: +当前是深色圆形底 + 24px 线性图标;参考图为**无底色的大号白色图标**(星形实心、气泡描边、心形实心、弯向右的分享箭头), +下方的计数/文字也略大。 -### 调整(只改字号与字重,布局尺寸不变) +### 改动 -`lib/pages/player/widgets/player_more_sheet.dart`: - -1. 行标签(选项行与操作行统一) - - `_rowLabelSize`:`16` → `15` - - `FontWeight.w600` → `FontWeight.w500` -2. 选项胶囊文字 - - 字号 `14` → `13` - - 选中:`FontWeight.w700` → `FontWeight.w600` - - 未选中:`FontWeight.w500` → `FontWeight.w400` - -行高 56、图标 22、胶囊高度 26 / 外层条 34、分组卡片样式均保持不变。 +1. `lib/pages/player/widgets/interaction_rail.dart` + - 删除深色圆底:`_buttonBackground` 与 `IconButton.styleFrom(backgroundColor: …)` 一并移除,按钮背景透明 + - 图标尺寸 `_iconSize`:`24` → `30` + - 点击区域 `_buttonSize`:`34` → `44`(保证可点,视觉上不出现底色) + - 项间距 `_itemGap`:`18` → `22` + - 计数/标签字号:`11` → `12`,仍为白色 + 黑色阴影 + - `InteractionRailItem` 新增 `mirrorIcon`(默认 `false`): + 为 `true` 时用 `Transform.flip(flipX: true, …)` 包裹图标,用于把左弯分享箭头镜像成右弯 +2. 图标替换(两处:`home_feed_overlay.dart` 与 `player_overlay.dart`) + - 收藏:`Icons.star_border_rounded` / `Icons.star_rounded` → 统一实心 `Icons.star_rounded`(选中态靠主题色区分) + - 评论:保持 `Icons.chat_bubble_outline_rounded` / `Icons.chat_bubble_rounded` + - 喜欢:`Icons.favorite_border_rounded` / `Icons.favorite_rounded` → 统一实心 `Icons.favorite_rounded` + - 分享:`Icons.ios_share_rounded` → `Icons.reply_rounded` 且 `mirrorIcon: true`(右弯箭头,接近参考图) +3. 选中态颜色维持现状:未选中白色、选中 `AppColors.blue` ### 测试 -- 若 `test/player/player_more_sheet_test.dart` / `player_fullscreen_test.dart` 断言了字号或字重,同步更新; - 未断言则不改测试 +- 现有按 Key 的点击/计数用例必须继续通过(Key 不变) +- 若有用例断言 `Icons.ios_share_rounded`、`star_border_rounded`、`favorite_border_rounded`, + 同步改为新图标;新增一条断言:分享项图标为 `Icons.reply_rounded` ### 验收 - 门禁:`dart analyze lib test` 零告警、`flutter test` 全过、`flutter build apk --debug` 成功。 +- 真机自查:右侧无深色圆底,四个白色图标明显变大,分享为弯向右的箭头;计数在图标下方居中。 ### Git -- 从 `develop` 拉 `fix/player-more-typography`。 -- 提交:`fix(player): 更多面板文字减重并缩小标签`,作者 `Zhou Weidong <502333560@qq.com>`。 -- `--no-ff` 合回 `develop` 并 push;`FruitServer/docs/plans/PROGRESS.md` 追加 K81-A 留痕。 +- 从 `develop` 拉 `feat/rail-icons-refresh`。 +- 提交:`feat(player): 右侧互动栏图标按参考图替换并放大`,作者 `Zhou Weidong <502333560@qq.com>`。 +- `--no-ff` 合回 `develop` 并 push;`FruitServer/docs/plans/PROGRESS.md` 追加 K82-A 留痕。 ### 约束 -- 全程中文;禁止 `git add -A`;只改字号与字重;完成后停住等待验收。 +- 全程中文;禁止 `git add -A`;不改互动逻辑与 Key;完成后停住等待验收。 diff --git a/docs/plans/PROGRESS.md b/docs/plans/PROGRESS.md index 42d2b2e..ca389e8 100644 --- a/docs/plans/PROGRESS.md +++ b/docs/plans/PROGRESS.md @@ -22825,3 +22825,33 @@ Running Gradle task 'assembleDebug'... ``` 解读:静态检查零告警,489 条测试全部通过,debug APK 构建成功。真机验收由用户执行。 + +## 2026-10-21 ReelShort:K82-A 右侧互动栏图标替换与放大 + +- 前置状态:K81-A 已完成并合并,develop 合并提交 `e6a31a6`。 +- 分支:`feat/rail-icons-refresh` +- 功能提交:`4b1aea2 feat(player): 右侧互动栏图标按参考图替换并放大` +- develop 合并提交:`35de409 merge: 合并 K82-A 右侧互动栏图标升级`,已推送 `e6a31a6..35de409`。 +- 删除互动项深色圆底,点击区域由 34 调整为 44,图标由 24 调整为 30,项间距由 18 调整为 22,标签字号由 11 调整为 12。 +- `InteractionRailItem` 新增 `mirrorIcon`;首页 feed 与全屏播放页分享图标改为 `reply_rounded` 并横向镜像为右弯箭头。 +- 收藏与喜欢统一使用实心 `star_rounded`、`favorite_rounded`,评论保持气泡描边图标,选中态颜色逻辑不变。 +- 放大后的全屏互动栏起始位置适度上移,避免遮挡底部信息区与简介操作,所有 Key 与互动回调保持不变。 +- 测试覆盖无背景、44 点击区、30 图标、分享箭头镜像、实心收藏/喜欢、气泡评论与 12 号标签。 + +门禁原始输出: + +```text +$ dart analyze lib test +Analyzing lib, test... +No issues found! + +$ flutter test +00:49 +490: All tests passed! + +$ flutter build apk --debug +Running Gradle task 'assembleDebug'... + 7.7s +✓ Built build/app/outputs/flutter-apk/app-debug.apk +``` + +解读:静态检查零告警,490 条测试全部通过,debug APK 构建成功。真机验收由用户执行。