LoginPanel.vue 完全重写: - 品牌标题区:绿色圆角图标+主标题+副标题+装饰盾牌 - 表单卡片:白色圆角卡片承载手机号+短信验证码 - 图形验证码按需弹出:点击发送验证码时弹出模态弹窗 - 用户协议:自定义checkbox+协议弹窗(Tab切换) - 倒计时持久化:localStorage按手机号存储,刷新不重置 - Toast提示:发送成功/失败/登录错误 - 辅助入口:收不到验证码/登录遇到问题弹窗 - 底部安全说明:盾牌图标+信任提示 - 输入过滤:只允许数字,16px字号防iOS缩放 - 响应式:最大420px居中,safe-area适配 styles.css:移除旧登录样式,保留全局基础
大本营答疑助手用户端 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 渲染增强、异常状态细化、会话重命名入口、移动端真机适配验证。