Files
FruitServer/docs/plans/INBOX.md
T

3.3 KiB
Raw Blame History

[已处理] 2026-10-20 | K39-A 二级页面统一返回按钮与标题规格 + 新剧页改回暖色风格(仅 App 端)

用户指令(2026-10-20,原文):

「1现在改所有的二级页面 返回按钮及标题大小都不一样2 新剧页面与其他页面的风格不一致」

一、统一二级页头

  1. 新建公共组件 lib/core/widgets/subpage_header.dart:
    • AppSubpageHeader:高 52(有副标题时 64),左右内边距 14,背景透明;
    • 返回按钮统一 36×36 圆形:浅色页 AppColors.card 底 + Icons.chevron_left_rounded 20 AppColors.onSurface;深色/图片上使用 dark: true(透明底 + 白色图标);
    • 标题统一 18 号 w800 AppColors.onSurface(深色场景白色),与返回按钮间距 12,左对齐,最多 1 行省略;
    • 可选 subtitle(12 号 AppColors.muted)、actions(右侧操作)、onBack(默认 Navigator.maybePop)。
  2. 应用到全部二级页面,替换各页自定义返回按钮与标题:
    • filter_page.dart、ranking_page.dart、reserve_page.dart、new_releases_page.dart、notices_page.dart、settings_page.dart、watch_records_page.dart、favorites_page.dart、downloads_page.dart、wallet_page.dart、store_page.dart、discover/category_dramas_page.dart、account/account_profile_page.dart、account/account_export_page.dart、account/account_devices_page.dart、account/account_deactivate_page.dart、create_view.dart 的占位页;
    • drama_detail 使用 AppSubpageHeader 的返回按钮尺寸/图标(dark: true,叠在封面/渐变上),标题由封面区自绘;
    • 原先使用 AppBar 的页面统一去掉默认 AppBar,改为该组件(保留原有 actions 逻辑)。
  3. 删除各页私有返回按钮实现,避免尺寸/图标再次分叉;页面 Key(<page>-back)保持不变。

二、新剧页改回暖色风格(与其他页面一致)

  1. 背景改回 AppColors.ink + 顶部 AppColors.surfaceTop 渐变;状态栏深色图标;返回/标题使用统一二级页头(new-releases-back)。
  2. 保留创意结构但换配色:
    • 「今日首映」16:9 大卡不变,封面仍可使用暗色底部渐变遮罩保证文字可读;
    • NEW 角标改主色 AppColors.blue 底白字;
    • 胶片分隔条改浅色版:AppColors.border 线 + AppColors.raised 底 + 孔洞 AppColors.border;
    • 「更多新剧」横滑卡片:白卡圆角 12 + 轻阴影,剧名 13 w700 AppColors.onSurface,日期 12 AppColors.subtle;NEW 角标同上;
    • 「本周上新 N 部」胶囊改 AppColors.badgeBeige 底 + AppColors.blue 字。
  3. 预约页、筛选页、榜单页配色不动(已是暖色),仅替换页头。

测试/门禁

  • 抽查 filter / ranking / reserve / new_releases / settings / notices:返回按钮 36×36、标题 fontSize 18 w800、标题与返回间距一致;
  • 新剧页背景为 ink、NEW 角标为主色、页头与其它二级页一致;
  • dart analyze lib test 零告警 + flutter test 全过 + flutter build apk --debug。

流程:从 develop 拉 feature/flutter-k39-subpage-header;作者 Zhou Weidong <502333560@qq.com>;--no-ff 合回 develop 并 push;PROGRESS 留痕;真机验收由用户执行。