GuangYu/QuestionProject
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 重构学员端登录页面——专业移动端H5登录体验

Browse Source 
LoginPanel.vue 完全重写：
- 品牌标题区：绿色圆角图标+主标题+副标题+装饰盾牌
- 表单卡片：白色圆角卡片承载手机号+短信验证码
- 图形验证码按需弹出：点击发送验证码时弹出模态弹窗
- 用户协议：自定义checkbox+协议弹窗（Tab切换）
- 倒计时持久化：localStorage按手机号存储，刷新不重置
- Toast提示：发送成功/失败/登录错误
- 辅助入口：收不到验证码/登录遇到问题弹窗
- 底部安全说明：盾牌图标+信任提示
- 输入过滤：只允许数字，16px字号防iOS缩放
- 响应式：最大420px居中，safe-area适配

styles.css：移除旧登录样式，保留全局基础
This commit is contained in:
Nelson
2026-07-10 14:34:11 +08:00
parent 5ead280df0
commit b82a5a464f
2 changed files with 1163 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files