refactor(user): 优化开发者登录弹窗及点击交互逻辑

- 移除点击步数提示和震动反馈,改为静默计数,点击11次后弹出登录弹窗
- 将弹窗宽度从300px调整为320px,增加内边距提升视觉效果
- 登录按钮由block属性改为style设置宽度100%,确保按钮样式一致
- 优化弹窗标题和关闭按钮样式,提高界面层次感
- 调整手机号输入框和布局间距,提升整体排版协调性
This commit is contained in:
2026-07-15 01:40:36 +08:00
parent 19ca568d60
commit 38a7b4320d
2 changed files with 23 additions and 32 deletions

View File

@@ -5,5 +5,7 @@
- 登录方式:手机号 + 短信验证码,复用 `loginBySms` / `sendSmsCaptcha` APIfrom `@/api/passport/login`
- 点击计数使用 `useRef` 保证快速点击时的同步性,超过 3 秒未点击自动重置
- 第 4 次点击起显示步数提示(类似 Android 开发者模式),前 3 次仅轻震动反馈
- **(已更新)** 移除了步数提示和震动,改为静默计数,点够 11 次直接弹窗
- **(已更新)** 弹窗宽度从 300px 加大到 320px登录按钮改用 `style={{ width: '100%' }}` 替代 `block` prop 确保显示
- 登录成功后调用 `useUserContext().syncFromStorage()` 同步 React 登录态(`loginBySms` 内部已写入 storage 但不返回数据)
- 弹窗 UI 使用 NutUI `Input` + `Button`,带 60 秒倒计时