3.3 KiB
3.3 KiB
[已处理] 2026-10-20 | K39-A 二级页面统一返回按钮与标题规格 + 新剧页改回暖色风格(仅 App 端)
用户指令(2026-10-20,原文):
「1现在改所有的二级页面 返回按钮及标题大小都不一样2 新剧页面与其他页面的风格不一致」
一、统一二级页头
- 新建公共组件
lib/core/widgets/subpage_header.dart:AppSubpageHeader:高 52(有副标题时 64),左右内边距 14,背景透明;- 返回按钮统一 36×36 圆形:浅色页
AppColors.card底 +Icons.chevron_left_rounded20AppColors.onSurface;深色/图片上使用dark: true(透明底 + 白色图标); - 标题统一 18 号 w800
AppColors.onSurface(深色场景白色),与返回按钮间距 12,左对齐,最多 1 行省略; - 可选
subtitle(12 号AppColors.muted)、actions(右侧操作)、onBack(默认Navigator.maybePop)。
- 应用到全部二级页面,替换各页自定义返回按钮与标题:
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 逻辑)。
- 删除各页私有返回按钮实现,避免尺寸/图标再次分叉;页面 Key(
<page>-back)保持不变。
二、新剧页改回暖色风格(与其他页面一致)
- 背景改回
AppColors.ink+ 顶部AppColors.surfaceTop渐变;状态栏深色图标;返回/标题使用统一二级页头(new-releases-back)。 - 保留创意结构但换配色:
- 「今日首映」16:9 大卡不变,封面仍可使用暗色底部渐变遮罩保证文字可读;
NEW角标改主色AppColors.blue底白字;- 胶片分隔条改浅色版:
AppColors.border线 +AppColors.raised底 + 孔洞AppColors.border; - 「更多新剧」横滑卡片:白卡圆角 12 + 轻阴影,剧名 13 w700
AppColors.onSurface,日期 12AppColors.subtle;NEW角标同上; - 「本周上新 N 部」胶囊改
AppColors.badgeBeige底 +AppColors.blue字。
- 预约页、筛选页、榜单页配色不动(已是暖色),仅替换页头。
测试/门禁
- 抽查 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 留痕;真机验收由用户执行。