1 changed files with 57 additions and 0 deletions
@ -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 与窄屏即可,必要时微调尺寸。 |
||||
Loading…
Reference in new issue