po3a  

编写计算和渲染会话列表和消息时间的部分,主要又两个计算属性,一个用于获取会话列表,另一个用于渲染消息的时间戳。

另外接着写前端(聊天主要实现页面)

/ 获取会话列表 const conversitionList = computed(() => { return store.conversitionList.filter( (x: Conversition) => (x.sendId == store.userInfo?.id && x.recipientId == store.recipient?.id) || (x.recipientId == store.userInfo?.id && x.sendId == store.recipient?.id) ) })

 

// 渲染时间每隔5分钟显示一次 const renderMessageDate = computed(() => { return (message: any, index: number, messages: Array<any>) =>{ if ((message && index === 0) || (message && message.timestamp - messages[index - 1].timestamp > 5 * 60 * 1000)) { return - - ${formatTime(message.timestamp)} - - } return ""; } })

posted on 2024-05-20 23:32  po3a  阅读(10)  评论(0)    收藏  举报