Skip to content

Lioooooo123/ai_chatpage

Repository files navigation

物业智能管家 (Hi Agent Chat MVP)

一个基于 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 中修改。

📄 许可证

本项目仅供学习和演示使用。

About

ai_chatpage by vue3

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published