docs(plans): 下发 K8 登录页视觉重设计
This commit is contained in:
1 parent
d51167550f
commit
c33e6cdc9d
1 file changed
+62
-1
+62
-1
@@ -20,7 +20,68 @@
|
||||
|
||||
---
|
||||
|
||||
## [已处理·待用户验收] 2026-10-17 | K7 首页轮播图 + 站内信通知
|
||||
## [待处理] 2026-10-17 | K8 登录页视觉重设计
|
||||
|
||||
**用户指令(2026-10-17)**:「接下来做登录页面 ui 优化,现在这个 ui 不好看」。
|
||||
|
||||
> K6 已完成功能层优化(品牌区、autofill、密码显隐、键盘流转),本批只做**视觉重设计**,不改业务逻辑与接口。
|
||||
> 依赖 K5 主题 token(`blue #002FA7` / `bluePressed #00227A` / `blueSoft #5B7BE0` / `onPrimary #FFFFFF`)。
|
||||
> specs 无设计稿;以下为 PM 按「深色 + 克莱因蓝 + 印尼市场」给出的可执行视觉规格,按此实现。
|
||||
|
||||
### 〇、开工前必读
|
||||
|
||||
1. `AGENTS.md`、`CODING_STANDARDS.md`、`GIT_WORKFLOW.md`
|
||||
2. K5 主题 token(`lib/core/theme/app_colors.dart`、`app_theme.dart`)
|
||||
3. 当前登录页 `lib/pages/auth/auth_view.dart`(356 行,K6 后版本)
|
||||
4. 本 INBOX 条目
|
||||
|
||||
### 一、本批范围(登录页单页视觉重设计)
|
||||
|
||||
目标:从「表单堆叠」升级为有品牌感的深色登录页,保持现有逻辑与 Key 不变。
|
||||
|
||||
**布局结构(自上而下)**
|
||||
|
||||
1. 全屏背景:`AppColors.ink`,顶部叠加一层克莱因蓝径向/线性渐变光晕(透明度 ≤0.18,不抢文字对比度)。
|
||||
2. 品牌区:44–52px 克莱因蓝圆角方块(内含白色播放/剧集图形图标,用 `Icons.` 即可,不引入图片资源)+ App 名 + 印尼市场 tagline(现有 `authBrandTagline`)。
|
||||
3. 表单卡片:`AppColors.card` 背景、圆角 20、1px 边框(用 K5 `outlineVariant`)、内边距 20;卡片内为标题、副标题、输入框、错误提示、主按钮。
|
||||
4. 主按钮:全宽、高 52、圆角 26、`AppColors.blue`、`onPrimary` 文字 16/w700;按下态 `bluePressed`;loading 时 18px 白色环且禁用输入。
|
||||
5. 登录/注册切换:改为**分段控件(Segmented)或 pill 双段**(登录 | 注册),选中段主色底/白字,未选中透明/`muted`;点击切换现有 `toggleMode()`,不再用文字链接。
|
||||
6. 底部辅助:保留当前模式说明或语言提示一行小字(`muted`,可选);不新增协议勾选。
|
||||
|
||||
**输入框规格**
|
||||
|
||||
- 填充式背景 `AppColors.bar`,圆角 14,高 52,无外边框;聚焦时 1.5px `AppColors.blue` 边框 + 前缀图标变主色;
|
||||
- 前缀图标:邮箱 `mail_outline_rounded`、密码 `lock_outline_rounded`;密码后缀显隐按钮保留;
|
||||
- 标签与错误文案沿用现有 l10n;错误提示改为浅红底胶囊(红 10% 透明度 + 圆角 12 + 图标),不再裸文本。
|
||||
|
||||
**动效与可用性**
|
||||
|
||||
- 首帧淡入 + 上滑(≤220ms,`TweenAnimationBuilder` 即可,不引第三方库);
|
||||
- 小屏(iPhone SE)+ 键盘弹出不遮挡:沿用 `auth-scroll` 滚动与 `viewInsets` padding;
|
||||
- 所有点击区域 ≥44pt;对比度:正文 ≥4.5:1;
|
||||
- 保留 Key:`auth-scroll`、`auth-email`、`auth-password`;如新增控件需有稳定 Key 便于测试。
|
||||
|
||||
**明确不做**
|
||||
|
||||
- 不改 `AuthLogic`、校验规则、`AuthController`、接口调用、登录/注册流程;
|
||||
- 不做忘记密码、Google/Apple 登录、协议勾选、第三方 SDK;
|
||||
- 不新增图片/字体资源;不改其他页面。
|
||||
|
||||
### 二、测试与门禁
|
||||
|
||||
- 新增/更新 widget 测试:分段切换仍改变模式、邮箱→密码→提交焦点流转、密码显隐、busy 禁用、错误胶囊展示、品牌区文案存在;既有 `test/auth/auth_page_test.dart` 不得删改用例。
|
||||
- `dart analyze lib test` 零告警;`flutter test` 全过;`flutter build apk --debug` 通过(注意当前有真机构建在跑,避免并发写 `build/`,先确认无构建进程)。
|
||||
- 真机验收由用户执行:视觉、键盘、小屏、深色对比度。
|
||||
|
||||
### 三、Git 与留痕
|
||||
|
||||
- 从当前干净 `develop`(`6cc5bfc`)拉 `feature/flutter-k8-auth-visual`;完成后 `git merge --no-ff` 回 `develop` 并 push;不动 `main`。
|
||||
- 先写 `FruitServer/docs/plans/2026-10-17-K8.md`;每步「叙述 + 命令 + 原始输出 + 解读」追加到 `PROGRESS.md`;完成后停住写回执。
|
||||
- 提交作者与提交者统一 `Zhou Weidong <502333560@qq.com>`。
|
||||
|
||||
---
|
||||
|
||||
## [待处理] 2026-10-17 | K7 首页轮播图 + 站内信通知
|
||||
|
||||
**用户指令(2026-10-17)**:「现在做首页轮播图及站内信通知」。
|
||||
|
||||
|
||||
Reference in new issue
Block a user