feat(auth): 优化隐藏登录弹窗点击逻辑和样式

- 将点击步数提示从第4次调整到第6次触发,增强用户体验
- 弹窗宽度由320px调整为340px,更加合理显示内容
- 弹窗布局对齐sms-login.tsx,验证码输入和按钮布局调整,修复小程序Button显示问题
- 登录按钮样式改用className设置宽度和圆角,取消block和shape属性
- 点击版权信息累计11次弹出登录弹窗,未达次数显示剩余步数提示
- 登录成功后同步React登录态,保持状态一致
This commit is contained in:
2026-07-15 01:45:45 +08:00
parent 38a7b4320d
commit 747a2a1d3a
2 changed files with 39 additions and 28 deletions

View File

@@ -4,8 +4,8 @@
-`src/pages/user/about/index.tsx` 底部版权信息上添加了点击 11 次弹出隐藏登录弹窗的功能
- 登录方式:手机号 + 短信验证码,复用 `loginBySms` / `sendSmsCaptcha` APIfrom `@/api/passport/login`
- 点击计数使用 `useRef` 保证快速点击时的同步性,超过 3 秒未点击自动重置
-4点击起显示步数提示(类似 Android 开发者模式),前 3 次仅轻震动反馈
- **(已更新)** 移除了步数提示和震动,改为静默计数,点够 11 次直接弹窗
- **(已更新)** 弹窗宽度从 300px 加320px登录按钮改用 `style={{ width: '100%' }}` 替代 `block` prop 确保显示
- 步数提示从**6**点击开始显示Android 开发者模式风格)
- **(已更新)** 弹窗布局完全对齐 `sms-login.tsx` 写法:验证码行取消 `gap-2`/`flex-1` 包裹,改用 `flex items-center` 直接放 Input + Button登录按钮取消 `block`/`shape`/`style`,改用 `className='w-full rounded-lg p-2'` + 外层 `flex justify-center`,解决小程序中 Button 不显示的问题
- 弹窗宽度从 300px 加**340px**
- 登录成功后调用 `useUserContext().syncFromStorage()` 同步 React 登录态(`loginBySms` 内部已写入 storage 但不返回数据)
- 弹窗 UI 使用 NutUI `Input` + `Button`,带 60 秒倒计时