更新记录

1.0.0（2025-06-02） 下载此版本

首次上传

平台兼容性

uni-app(4.66)

uni-app x(4.66)

属性说明

消息对象格式

复制代码{
  id: Number,       // 消息唯一标识（如时间戳）
  type: 'user' | 'other',  // 消息类型（用户或对方）
  content: String,  // 消息内容（文本或图片URL）
  contentType: 'text' | 'image',  // 内容类型
  time: Date,       // 消息时间
  avatar?: String   // 对方头像URL（可选，默认使用defaultAvatar）
}

事件（可触发的方法）

基础用法

复制代码<template>
  <view class="container">
    <!-- 使用聊天组件 -->
    <naiya-chat
      :title="chatTitle" 
      :userAvatar="userInfo.avatar"
      :initialMessages="messageList"
      @send="handleSendMessage" ></naiya-chat> 
  </view>
</template>

<script>

export default {

  data() {
    return {
      chatTitle: '客服聊天',
      userInfo: {
        avatar: 'https://picsum.photos/200/200?random=2' // 用户头像
      },
      messageList: [
        {
          id: 1,
          type: 'other',
          content: '你好！有什么可以帮助你的吗？',
          contentType: 'text',
          time: new Date()
        }
      ]
    }
  },
  methods: {
    // 处理消息发送事件
    handleSendMessage(message) {
      console.log('发送消息:', message);
      // 这里可以添加发送消息到服务器的逻辑
    }
  }
}
</script>

<style>
.container {
  height: 100vh;
}
</style>