基础说明

聊天盒子的基础，配合card-chat作为完整的聊天体系,用户聊天使用[.card.card-chatbox],群聊使用[.card.card-chatbox.chatbox-group]

卡片【.card.card-chatbox】可以使用方法如下

function loadone(scene,data)使用加载场景与加载数据加载一条聊天记录，聊天记录使用卡片【.card.card-chat】

function loadmore()加载更多数据

function loadnext(data)根据一个数据向下加载一条聊天数据

function loadprev(data)根据一个数据向上加载加载提条数据内容

function setCommon(stream,isprep))设置一个公共的部分(stream)内容，向上加载使用isprep=true,向下下载使用不加载或者使用isprep=false

function appendChatother(data)向下加载一条对方的聊天数据

function appendChatmy(data)向下加载一条己方的聊天数据

function prependChatother(data)向上加载一条对方的聊天数据

function prependChatmy(data)向上加载一条己方的聊天数据

参与业务属性介绍

data-user_id

属性[data-user_id="用户ID"]，需要传入用户唯一识别标识[用户ID]，用于卡片判定消息内容显示的方位，如果判定消息内容中的user_id等于当前的用户id,判定为自己的消息，否则判定为对方的消息

data-url

属性[data-url]，调用消息获取的时候的接口链接，详细接口参数以下会详解

接口请求及说明

加载聊天列表的时候，会调用内置的接口信息，接口比较死，所以做如下展示，后端开发的接口传参和处理规范如下：

[POST]请求接口

{"scene":"next/prev","unique_id":"消息ID"}

接口响应

{ "status": 1, "message": "ok", "data": [ { "unique_id": "21", "content": "测试一下", "user_id": "2", "time": "1745723568", "logo": "http:\/\/dev.kuoqi.com\/upload\/20250630\/3818d476c43f359bd6753a18167c11dc.jpeg", "name": "kuoqi" }, { "unique_id": "22", "content": "啦啦啦", "user_id": "2", "time": "1745723695", "logo": "http:\/\/dev.kuoqi.com\/upload\/20250630\/3818d476c43f359bd6753a18167c11dc.jpeg", "name": "kuoqi" } ] }

data[].unique_id

消息唯一ID，需要有序，根据这种序号进行排序

data[].content

消息的内容

data[].user_id

发送消息用户ID

data[].time

发送消息时间

data[].logo

发送用户头像

data[].name

发送用户名称

幻冰小站提供技术支持