2.5 KiB
2.5 KiB
INBOX
[已处理] K82-A 右侧互动栏图标按参考图替换并放大
需求
首页 feed / 全屏播放页右侧的「收藏 / 评论 / 喜欢 / 分享」与参考图不一致: 当前是深色圆形底 + 24px 线性图标;参考图为无底色的大号白色图标(星形实心、气泡描边、心形实心、弯向右的分享箭头), 下方的计数/文字也略大。
改动
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, …)包裹图标,用于把左弯分享箭头镜像成右弯
- 删除深色圆底:
- 图标替换(两处:
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(右弯箭头,接近参考图)
- 收藏:
- 选中态颜色维持现状:未选中白色、选中
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;完成后停住等待验收。