Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
思南路
ChatGPT Template With Vue
提交
e6aa1410
C
ChatGPT Template With Vue
项目概览
思南路
/
ChatGPT Template With Vue
与 Fork 源项目一致
Fork自
inscode / ChatGPT Template With Vue
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
C
ChatGPT Template With Vue
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
e6aa1410
编写于
5月 15, 2023
作者:
6
64104061f23fda247c679fa8
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update
上级
5d7da06f
变更
5
显示空白变更内容
内联
并排
Showing
5 changed file
with
78 addition
and
41 deletion
+78
-41
.upm/store.json
.upm/store.json
+0
-1
README.md
README.md
+2
-24
index.html
index.html
+1
-1
src/App.vue
src/App.vue
+72
-15
src/assets/main.css
src/assets/main.css
+3
-0
未找到文件。
.upm/store.json
已删除
100644 → 0
浏览文件 @
5d7da06f
{
"version"
:
2
,
"languages"
:{
"nodejs-npm"
:{
"specfileHash"
:
"e682a9a8c76e1e82500a56ab0d19100e"
,
"lockfileHash"
:
"4702e36b244fd8c0ebd44b8a643ae992"
}}}
README.md
浏览文件 @
e6aa1410
#
# 推荐的IDE设置
#
Chat GPT Template With Vue
[
VSCode
](
https://code.visualstudio.com/
)
+
[
Volar
](
https://marketplace.visualstudio.com/items?itemName=Vue.volar
)
(
and
disable Vetur) +
[
TypeScript Vue Plugin (Volar)
](
https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin
)
.
## 自定义配置
请参阅
[
[Vite配置参考
](
https://vitejs.dev/config/
)
.
## 项目设置
```
sh
npm
install
```
### 在开发环境中启动和热更新
```
sh
npm run dev
```
### 编译用于生产环境
```
sh
npm run build
```
基于 Vue 的 Chat GPT 模板,InsCode 提供了 AI 接口服务,并自动集成在模板中,即刻开始您的 AI 应用。
\ No newline at end of file
index.html
浏览文件 @
e6aa1410
...
...
@@ -4,7 +4,7 @@
<meta
charset=
"UTF-8"
/>
<link
rel=
"icon"
href=
"/favicon.ico"
/>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
/>
<title>
ViewDesign
App
</title>
<title>
Chat GPT
App
</title>
</head>
<body>
<div
id=
"app"
></div>
...
...
src/App.vue
浏览文件 @
e6aa1410
<
template
>
<div
class=
"ivu-p"
>
<Alert>
当前 Vue 版本为
{{
vueVersion
}}
,View UI Plus 版本为
{{
version
}}
</Alert>
<Input
v-model=
"msg"
/>
<Button
class=
"ivu-mt"
type=
"primary"
@
click=
"handleClick"
>
Click Me!
</Button>
<div
class=
"container ivu-p"
>
<div
class=
"dialog"
>
<template
v-for=
"(item, index) in dialogs"
:key=
"index"
>
<div
class=
"dialog-item"
:class=
"
{ 'dialog-item-me': item.role === 'me', 'dialog-item-ai': item.role === 'ai' }">
<div
class=
"dialog-item-main"
>
{{
item
.
text
}}
</div>
</div>
</
template
>
</div>
<div
class=
"prompt ivu-mt"
>
<Input
v-model=
"prompt"
type=
"textarea"
:autosize=
"{ minRows: 4, maxRows: 6 }"
placeholder=
"输入你的问题"
/>
<Button
class=
"ivu-mt"
type=
"primary"
size=
"large"
:loading=
"loading"
@
click=
"handleSend"
>
发送
</Button>
</div>
</div>
</template>
<
script
setup
>
import
{
ref
,
version
as
vueVersion
}
from
'
vue
'
import
{
version
,
Message
}
from
'
view-ui-plus
'
const
msg
=
ref
(
'
Hello View Design!
'
)
function
handleClick
()
{
Message
.
info
(
'
Welcome to InsCode
'
)
}
<
script
>
export
default
{
data
()
{
return
{
prompt
:
''
,
loading
:
false
,
dialogs
:
[
{
role
:
'
me
'
,
text
:
'
vscode 的
'
},
{
role
:
'
ai
'
,
text
:
'
dshjfjksdhfkjsdhkjfdsjkhfksdhdfjkjkdsfjkhsdkjfhsddshjfjksdhfkjsdhkjfdsjkhfksdhdfjkjkdsfjkhsdkjfhsddshjfjksdhfkjsdhkjfdsjkhfksdhdfjkjkdsfjkhsdkjfhsd
'
}
]
}
},
methods
:
{
handleSend
()
{
if
(
this
.
loading
)
return
;
this
.
loading
=
true
;
}
}
}
</
script
>
<
style
></
style
>
\ No newline at end of file
<
style
>
.container
{
height
:
100%
;
display
:
flex
;
flex-direction
:
column
;
}
.dialog
{
flex
:
1
;
overflow
:
auto
;
}
.dialog-item
{
display
:
flex
;
}
.dialog-item-main
{
max-width
:
80%
;
padding
:
8px
;
word-wrap
:
break-word
;
margin-top
:
16px
;
border-radius
:
4px
;
}
.dialog-item-me
{
justify-content
:
flex-end
;
}
.dialog-item-me
.dialog-item-main
{
background-color
:
antiquewhite
;
}
.dialog-item-ai
.dialog-item-main
{
background-color
:
#eee
;
}
</
style
>
\ No newline at end of file
src/assets/main.css
浏览文件 @
e6aa1410
html
,
body
,
#app
{
height
:
100%
;
}
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录