Skip to content

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>