docs(plans): 留痕 K82 右侧互动栏图标升级

This commit is contained in:
Zhou Weidong authored and jianghaifeng committed 2026-10-21 10:53:06 +08:00
1 parent 530da2b1b4
commit 4c20c82f96
2 files changed
+58 -21

No files matched your search

+28 -21
View File
@@ -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;完成后停住等待验收。