From e7403ba2a450d50100eecc086cf98264f9614711 Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Wed, 22 May 2024 17:07:54 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=A2=9E=E5=8A=A0=E3=80=91AI=20chat?=
 =?UTF-8?q?=20=E5=A2=9E=E5=8A=A0=20new=20chat?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/chat/MessageNewChat.vue | 50 ++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 src/views/ai/chat/MessageNewChat.vue

diff --git a/src/views/ai/chat/MessageNewChat.vue b/src/views/ai/chat/MessageNewChat.vue
new file mode 100644
index 00000000..aac5f905
--- /dev/null
+++ b/src/views/ai/chat/MessageNewChat.vue
@@ -0,0 +1,50 @@
+<!-- message 新增对话 -->
+<template>
+  <div class="new-chat" >
+    <div class="box-center">
+      <div class="tip">点击下方按钮，开始你的对话吧</div>
+      <div class="btns"><el-button type="primary" round @click="handlerNewChat">新建对话</el-button></div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+
+// 定义钩子
+const emits = defineEmits(['onNewChat'])
+
+/**
+ * 新建 chat
+ */
+const handlerNewChat = async () => {
+  await emits('onNewChat')
+}
+
+</script>
+<style scoped lang="scss">
+.new-chat {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+
+  .box-center {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    .tip {
+      font-size: 14px;
+      color: #858585;
+    }
+
+    .btns {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      margin-top: 20px;
+    }
+  }
+}
+</style>