34 lines
3.3 KiB
Markdown
34 lines
3.3 KiB
Markdown
## [已处理] 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 留痕；真机验收由用户执行。
|