Files
FruitServer/docs/plans/INBOX.md
T

2.5 KiB
Raw Blame History

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;完成后停住等待验收。