Files
QuestionProject/ai_knowledge_base_v2/apps/user-client
Nelson b82a5a464f feat: 重构学员端登录页面——专业移动端H5登录体验
LoginPanel.vue 完全重写:
- 品牌标题区:绿色圆角图标+主标题+副标题+装饰盾牌
- 表单卡片:白色圆角卡片承载手机号+短信验证码
- 图形验证码按需弹出:点击发送验证码时弹出模态弹窗
- 用户协议:自定义checkbox+协议弹窗(Tab切换)
- 倒计时持久化:localStorage按手机号存储,刷新不重置
- Toast提示:发送成功/失败/登录错误
- 辅助入口:收不到验证码/登录遇到问题弹窗
- 底部安全说明:盾牌图标+信任提示
- 输入过滤:只允许数字,16px字号防iOS缩放
- 响应式:最大420px居中,safe-area适配

styles.css:移除旧登录样式,保留全局基础
2026-07-10 14:34:11 +08:00
..
2026-07-06 17:45:24 +08:00
2026-07-09 16:03:29 +08:00
2026-07-06 17:34:37 +08:00
2026-07-06 17:45:24 +08:00
2026-07-06 18:00:21 +08:00
2026-07-06 18:00:21 +08:00
2026-07-09 16:03:29 +08:00
2026-07-06 17:34:37 +08:00

大本营答疑助手用户端 H5

这是大本营答疑助手的用户端 H5技术栈为 Vue 3 + Vite + TypeScript。

当前已完成

  • 手机端优先的应用壳
  • 手机号验证码登录页
  • Token 本地保存和退出登录
  • 会话抽屉
  • 聊天消息列表
  • 输入框和发送/停止按钮
  • SSE 流式回复解析
  • 对接 V2 后端 mock 接口

本地启动

方式一:使用 V2 统一编排。

cd ai_knowledge_base_v2
docker compose -f docker-compose.dev.yml up --build

方式二:本地 Node 直接启动。

cd ai_knowledge_base_v2/apps/user-client
npm install
cp .env.example .env
npm run dev

默认 API 地址为:

/api

统一入口访问地址为:

http://127.0.0.1:8080/

说明

  • 当前后端 mock 短信验证码默认为 123456
  • 若后端未启动,页面仍可预览,但登录和聊天接口会失败。
  • 后续需要补 Markdown 渲染增强、异常状态细化、会话重命名入口、移动端真机适配验证。