基于chatgpt-demo的优化版本！

魔法巴拉

本帖最后由魔法巴拉于 2023-6-6 19:58 编辑

demo地址：https://talk.xiu.ee

优化如下：

1.消息超出页面高度自动向下滚动
2.消息发送框始终在页面可见
3.对话完成输入框自动获取焦点

git地址：

游客，如果您要查看本帖隐藏内容请回复

zhangfeng · 2023-3-4 17:24:58

优化如下：
1.消息超出页面高度自动向下滚动
2.消息发送框始终在页面可见

atom · 2023-3-4 17:32:50

不错，支持一下

18cm · 2023-3-4 17:40:30

回复下康康

ucpaopao · 2023-3-4 17:55:09

对话框长度适配屏幕，是不是显示和输入的空间会更好一些，谢谢大佬分享

ZHEyang · 2023-3-4 18:13:34

look look look

ap8q4jonl · 2023-3-4 18:28:11

感谢楼主

xiu · 2023-3-4 18:44:39

这个很6啊

xiu · 2023-3-4 18:52:57

怎么在宝塔上安装？

zhuxindong · 2023-3-4 20:07:04

不错，支持一下

netboy · 2023-3-4 20:17:14

不错，支持一下

svn · 2023-3-4 20:57:07

本帖最后由 svn 于 2023-3-4 20:59 编辑

报错了

  ┃ Local http://localhost:3000/
  ┃ Network  use --host to expose

/src/components/Generator.tsx:31
let temp = document.getElementsByClassName("message-list")[0].scrollTop;
            ^

ReferenceError: document is not defined
at Timeout.eval [as _onTimeout] (/src/components/Generator.tsx:31:16)
at listOnTimeout (node:internal/timers:569:17)
at process.processTimers (node:internal/timers:512:7)

Node.js v18.14.1

snow · 2023-3-4 22:12:54

6666这次做的很酷炫

snow · 2023-3-4 22:13:32

一个openai key能用多少次

admin · 2023-3-4 22:39:44

snow 发表于 2023-3-4 22:12
6666这次做的很酷炫

现在试试看

魔法巴拉 · 2023-3-4 23:06:35

snow 发表于 2023-3-4 22:13
一个openai key能用多少次

这得看你的每次的字数

jason · 2023-3-5 00:57:26

看看这个代码

Caryon · 2023-3-5 08:16:59

牛牛牛，支持支持现在就去试试

VowSir · 2023-3-5 12:07:07

支持一下

ZHEyang · 2023-3-5 13:43:46

支持一下

账号		自动登录	找回密码
密码			立即注册

96 回复

魔法巴拉