Skip to content

A
AI 翻译应用

AresnLiang / AI 翻译应用
与 Fork 源项目一致

Fork自 inscode / ChatGPT Template With Vue

通知 1
Star 6
Fork 12
A
AI 翻译应用
提交 ed28ce8d 编写于 作者: 6 622eda98dfef6c4fdb84ccca
浏览文件
操作

Auto Commit

上级 302786b7
隐藏空白更改
内联 并排
Showing with 11 addition and 5 deletion
index.html
浏览文件 @ ed28ce8d
......@@ -3,7 +3,8 @@
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/icon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
<meta name="description" content="当你输入中文时，会翻译为英文；当你输入英文时，则会翻译为中文">
<title>AI 中英互译</title>
</head>
<body>
......
src/App.vue
浏览文件 @ ed28ce8d
<template>
<div class="container ivu-p">
<Alert>当你输入中文时，会翻译为英文；当你输入英文时，则会翻译为中文</Alert>
<Title :level="4" class="ivu-text-center">ChatGPT 中英互译</Title>
<Paragraph class="ivu-text-center">
Powered By <img src="./assets/inscode-logo.png" height="14">
<br>
<a href="https://inscode.net">https://inscode.net</a>
</Paragraph>
<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' }">
......@@ -15,10 +20,10 @@
</template>
</div>
<div class="question ivu-mt">
<Input v-model="question" type="textarea" :autosize="{ minRows: 4, maxRows: 6 }" placeholder="输入你的问题" />
<Input v-model="question" type="textarea" :autosize="{ minRows: 4, maxRows: 6 }" placeholder="当你输入中文时，会翻译为英文；当你输入英文时，则会翻译为中文..." />
<Row class="ivu-mt">
<Col>
<Button type="primary" size="large" icon="md-send" :loading="loading" @click="handleSend">发送</Button>
<Button type="primary" size="large" icon="md-send" :loading="loading" @click="handleSend">翻译</Button>
</Col>
<Col>
<Button size="large" class="ivu-ml" icon="md-add" :disabled="loading" @click="handleNewChat">新对话</Button>
......@@ -58,7 +63,7 @@ export default {
this.dialogs.push({
id: aiDialogID,
role: 'ai',
text: 'AI 思考中...'
text: 'AI 翻译中...'
});
const dialog = this.dialogs.find(item => item.id === aiDialogID);
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或