一个基于 Vue.js 3 的智能物业管理助手,提供流式对话、Markdown 渲染和现代化聊天界面。
- 🤖 智能对话: 支持流式输出的AI助手
- 💬 现代界面: 半透明气泡设计,优雅的动画效果
- 📱 响应式设计: 适配各种屏幕尺寸
- ⚡ 高性能: 优化的渲染和滚动性能
- 🎨 美观动画: 平滑的页面切换和交互动画
npm install
npm run serve
npm run build
npm run lint
- 前端框架: Vue.js 3
- UI组件: Ant Design Vue
- 样式: CSS3 + 半透明毛玻璃效果
- Markdown: marked + highlight.js
- HTTP客户端: axios
- 欢迎页面: 居中显示的欢迎界面和示例问题
- 聊天界面: 左侧AI回复,右侧用户问题
- 流式输出: 实时显示AI回复内容
- 固定布局: 顶部logo,底部输入框固定
后端API地址默认为 http://127.0.0.1:8000/api/chat
,可在 src/components/chat.vue
中修改。
本项目仅供学习和演示使用。