docs(plans): 留痕 K82 右侧互动栏图标升级
This commit is contained in:
1 parent
530da2b1b4
commit
4c20c82f96
2 files changed
+58
-21
No files matched your search
+28
-21
@@ -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;完成后停住等待验收。
|
||||
@@ -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 构建成功。真机验收由用户执行。
|
||||
Reference in new issue
Block a user