From c33e6cdc9d32d7095227e9782a5e483aee20a8e8 Mon Sep 17 00:00:00 2001 From: Zhou Weidong <502333560@qq.com> Date: Sat, 17 Oct 2026 17:07:56 +0800 Subject: [PATCH] =?UTF-8?q?docs(plans):=20=E4=B8=8B=E5=8F=91=20K8=20?= =?UTF-8?q?=E7=99=BB=E5=BD=95=E9=A1=B5=E8=A7=86=E8=A7=89=E9=87=8D=E8=AE=BE?= =?UTF-8?q?=E8=AE=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/plans/INBOX.md | 63 ++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 62 insertions(+), 1 deletion(-) diff --git a/docs/plans/INBOX.md b/docs/plans/INBOX.md index bbb0722..fa8c24b 100644 --- a/docs/plans/INBOX.md +++ b/docs/plans/INBOX.md @@ -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)**:「现在做首页轮播图及站内信通知」。