From 6a31e290bffc277254cc52853ebd2048e6d48a51 Mon Sep 17 00:00:00 2001 From: Ed1s0nZ Date: Thu, 8 Oct 2026 11:51:10 +0800 Subject: [PATCH] docs: f2 design for login password eye --- docs/feature/login-password-eye.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/docs/feature/login-password-eye.md b/docs/feature/login-password-eye.md index 208f04be..b12218cc 100644 --- a/docs/feature/login-password-eye.md +++ b/docs/feature/login-password-eye.md @@ -12,3 +12,8 @@ REQ-001 / AC-001: 密码框与用户名框同宽，右侧内置灰色线条眼 REQ-002 / AC-002: 原生非提交按钮支持键盘 Enter/Space，焦点可见；显示/隐藏切换不改变密码值。 REQ-003 / AC-003: 图标随状态切换，显示密码/隐藏密码标签和悬浮提示随现有语言系统同步；登录框重新打开仍默认隐藏。 非目标：后端登录、密码策略及其他密码输入框。 + +## F2 Design + +保留原按钮 ID 和 toggleLoginPasswordVisibility 入口；SVG 为装饰图像并 aria-hidden。按钮以 aria-label/title 命名，以现有 aria-pressed 表示状态；data-i18n-skip-text 防止翻译覆盖图标，data-i18n-attr 同步标签。 +相对定位容器+绝对定位按钮；输入框预留右内边距，图标呈现由 aria-pressed 的 CSS 选择器控制。使用现有主题色、原生按钮交互，不引入依赖。