diff --git a/docs/superpowers/specs/2026-08-28-login-captcha-clear-watermark-design.md b/docs/superpowers/specs/2026-08-28-login-captcha-clear-watermark-design.md new file mode 100644 index 0000000..ccff66a --- /dev/null +++ b/docs/superpowers/specs/2026-08-28-login-captcha-clear-watermark-design.md @@ -0,0 +1,57 @@ +# 登录页:验证码去 clear + 背景去「即梦AI」标识 + +## 背景 + +1. 登录相关验证码输入框带 TDesign `clearable` 清空按钮,产品不需要。 +2. 登录背景图 `public/assets/login-hero-dock-drone.png` 右下角有「即梦AI」水印。 + +## 目标 + +1. 去掉所有验证码输入框的 clear 按钮。 +2. 登录页视觉上不再露出「即梦AI」标识。 +3. 不改后台。 + +## 非目标 + +- 不动账号 / 密码 / 手机号 / 企业信息等非验证码输入框的 `clearable`。 +- 不重做登录页布局。 +- 不强制改原图二进制(本轮用 CSS 遮罩;原图可保留以便回退)。 + +## 方案 + +### 1. 去掉验证码 clear + +文件:`src/views/LoginView/LoginView.vue` + +移除以下 `t-input` 的 `clearable`: + +| 位置 | 绑定 | placeholder | +|------|------|-------------| +| 账号密码登录 | `captcha` | 请输入验证码 | +| 短信登录 | `smsCode` | 请输入短信验证码 | +| 注册 | `reg.smsCode` | 请输入短信验证码 | +| 找回密码 | `forgot.code` | 请输入短信验证码 | + +其它输入框保持现状。 + +### 2. 遮住背景水印 + +文件:`src/views/LoginView/LoginView.vue` 样式(`.visual` / `.visualMap` 区域) + +在背景图容器上增加右下角遮罩层(伪元素或子节点均可),要求: + +- 盖住右下角「即梦AI」文字区域 +- 颜色贴近该区域深色天空(约 `#102a35` / 现有 visual 底色),可用轻微渐变避免硬边 +- 不挡住左侧文案与表单(表单在 `.formSide`,z-index 更高) +- 不修改 `login-hero-dock-drone.png` 文件本身 + +## 验收 + +1. 四处验证码输入有内容时,右侧无清空 ×。 +2. 账号/密码等输入框仍可清空。 +3. 登录页全屏与常见断面下,右下角看不到「即梦AI」。 +4. 刷新验证码、登录/注册/找回流程不受影响。 + +## 风险 + +- CSS 遮罩在极端宽高比下可能盖不全或略多盖一点天空;验收时看 1440×900 与窄屏即可,必要时微调尺寸。