1.1存储聊天数据(直接存储key=chatdetail_当前用户id_聊天对象id) 1.2存储当前聊天列表 (key=chatlist_当前用户id) 将当前会话置顶在消息列表置顶,更新最后一条消息,更新时间 1.3请求ajax发送消息 1.4渲染到页面 读取消息 写入本地存储chatlist_当前用户id:获取将当前会话的未读书清零,相应的减少总未读书(总未读书展...
addChatDetail(message, isSend = true) { console.log('添加到聊天记录'); // 获取对方id // let id = isSend ? message.to_id : message.from_id; let id = message.chat_type === 'user' ? (isSend ? message.to_id : message.from_id) : message.to_id; if (!id) { return { data...
async deleteChatDetailItem(message,isSend = true){ // 获取对方id let id = message.chat_type === 'user' ? (isSend ? message.to_id : message.from_id) : message.to_id; // key值:chatDetail_当前用户id_会话类型_接收人/群id let key = `chatDetail_${this.user.id}_${message.chat_t...
this.list = this.chat.getChatDetail(); } } 下图是我测试的截图 关键词: APP功能 APP聊天 APP聊天记录 APP聊天功能 2019ab +关注 296文章3问答 0 1 1 0 相关文章 卓伊凡 | 10天前 | JSON 自然语言处理 前端开发 【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂...
// 关闭连接close() {this.socket.close()}// 创建聊天对象createChatObject(detail) {this.TO = detail;console.log('创建聊天对象', this.TO)}// 销毁聊天对象destoryChatObject() {this.TO = false}// 组织发送信息格式formatSendData(params) {return {id: 0, // 唯一id,后端生成,用于撤回指定消息...
(相差300s内的信息不会显示时间) getChatTime(v1, v2) { v1 = v1.toString().length < 13 ? v1 * 1000 : v1; v2 = v2.toString().length < 13 ? v2 * 1000 : v2; if (((parseInt(v1) - parseInt(v2)) / 1000) > 300) { return this.gettime(v1); } }, // 人性化时间格式...
},openQQ:function(e) {// console.log("e.detail.value: " + JSON.stringify(e.detail.value));// 没有校验qq号是否为空或合法数字,如果不是可用的qq号,启动qq后会停留在qq主界面plus.runtime.openURL('mqqwpa://im/chat?chat_type='+ e.detail.value.qqNumType+'&uin='+ e.detail.value.qqNu...
components:{chatContent}, data() {return{ show:false, cursor:false,//是否聚焦value:'', active_Up:false, resStart:0,//input光标位置useful_flag:false,//控制动画效果useful_expression:2,//2默认表情,1常用语emojis:[ {emoji:'😃'},
克隆本项目到本地 国内地址:https://gitee.com/wzJun1/uni-nvue-chat 此APP需搭配WebSocket端使用 WebSocket端 Github:https://github.com/wzJun1/uni-nvue-chat-websocket 1. 下载上方WebSocket端源码 2. 在服务器上运行WebSocket端,运行方法在Github有说明,也可以百度查一下workerman的启动运行方式,运行成功后再...
{ // 获取参数 const encryptedData = ev.detail.encryptedData! const iv = ev.detail.iv! // 登录请求 await postLoginWxMinAPI({ code, encryptedData, iv }) // 成功提示 uni.showToast({ icon: 'none', title: '登录成功' }) } <template> <view class="viewport"> <view class="login"> ...