vue编写兼容chatgpt、coze、千问、智谱流式ai问答助手webui交互页面
今天我在大牛写博客的基础上优化升级了ai聊天ui界面(上次博客文章)
![](//img.bfw.wiki/uploadimg/20240627/667d64f4214f7.png?x-oss-process=style/800_auto)
完整的效果:
![](//img.bfw.wiki/uploadimg/20240627/667d6592514bb.gif)
增加了以下功能:
1、代码块编程语言显示,增加复制代码库按钮
![](//img.bfw.wiki/uploadimg/20240627/667d5b598f413.png?x-oss-process=style/800_auto)
2、ai回答流式打字输出,可中断
3、可上传图片等附件
4、图片可点击全屏放大
5、输入框自动伸缩,超过5行自动显示滚动条
6、手动滚动聊天消息与自动切换
![](//img.bfw.wiki/uploadimg/20240627/667d5c76ba191.png?x-oss-process=style/800_auto)
9、复制、重新回答、点赞等按钮
10、本地存储历史聊天消息
11、可能要问的问题建议
![](//img.bfw.wiki/uploadimg/20240627/667d5af6a0b5a.png?x-oss-process=style/800_auto)
完整的html代码如下:
点击加载更多
网友评论0