48 lines
2.5 KiB
Markdown
48 lines
2.5 KiB
Markdown
# INBOX
|
||
|
||
## [已处理] K82-A 右侧互动栏图标按参考图替换并放大
|
||
|
||
### 需求
|
||
|
||
首页 feed / 全屏播放页右侧的「收藏 / 评论 / 喜欢 / 分享」与参考图不一致：
|
||
当前是深色圆形底 + 24px 线性图标；参考图为**无底色的大号白色图标**（星形实心、气泡描边、心形实心、弯向右的分享箭头），
|
||
下方的计数/文字也略大。
|
||
|
||
### 改动
|
||
|
||
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`
|
||
|
||
### 测试
|
||
|
||
- 现有按 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` 拉 `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`；不改互动逻辑与 Key；完成后停住等待验收。
|