Files
ipms-sjy-ui/src/views/ai/chat/MessageNewChat.vue
2024-05-22 17:07:54 +08:00

51 lines
926 B
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- 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>