Chat 聊天助手
基础用法
点击查看示例代码
vue
<template>
<h-chat-v1 class="h-right-bottom w-96" style='height:400px' :h_data="h_chat"></h-chat-v1>
</template>
<script setup>
const h_chat = [
{
avatar: "https://bucket-ans.oss-cn-hangzhou.aliyuncs.com/2.jpg",
time: "2023.09.08 15:43",
message: "您好,我是你的chatgpt专属智能学习助手赫敏!我们致力于打造一个专为互联网人的智能学习伙伴!",
user: "other",
},
{
avatar: "https://bucket-ans.oss-cn-hangzhou.aliyuncs.com/2.jpg",
time: "2023.09.08 15:43",
message: "你是想了解哪个课程呢?我们老师可以根据你的个人情况和要求推荐一个适合你的课程,你可以先了解下,考虑好再决定是否学习也可以!",
user: "other",
},
{
avatar: "https://bucket-ans.oss-cn-hangzhou.aliyuncs.com/2.jpg",
time: "2023.09.08 15:43",
message: "我这边给你发送一份详细的课程介绍,你的QQ或微信方便留一下吗?",
user: "other",
},
]
</script>
<template>
<h-chat-v1 class="h-right-bottom w-96" style='height:400px' :h_data="h_chat"></h-chat-v1>
</template>
<script setup>
const h_chat = [
{
avatar: "https://bucket-ans.oss-cn-hangzhou.aliyuncs.com/2.jpg",
time: "2023.09.08 15:43",
message: "您好,我是你的chatgpt专属智能学习助手赫敏!我们致力于打造一个专为互联网人的智能学习伙伴!",
user: "other",
},
{
avatar: "https://bucket-ans.oss-cn-hangzhou.aliyuncs.com/2.jpg",
time: "2023.09.08 15:43",
message: "你是想了解哪个课程呢?我们老师可以根据你的个人情况和要求推荐一个适合你的课程,你可以先了解下,考虑好再决定是否学习也可以!",
user: "other",
},
{
avatar: "https://bucket-ans.oss-cn-hangzhou.aliyuncs.com/2.jpg",
time: "2023.09.08 15:43",
message: "我这边给你发送一份详细的课程介绍,你的QQ或微信方便留一下吗?",
user: "other",
},
]
</script>