//监听查看更多记录 layim.on('chatlog', function (data, ul) { var res = {} $.ajax({ type: 'get', //ajax请求获取历史聊天信息,参数你们根据自己的业务传 url: basePathmb + '/chatlogmobile/' + data.id + '?userId=' + useridLogin, dataType: 'json', contentType: "application/json;charset=UTF-8", success: function (dataes) { //dataes的数据格式,JSONObject ret = new JSONObject(); ret.put("data",list);list是查出来的聊天信息 res.data = dataes; var mine = layim.cache().mine; var tpl = '<div class="layim-chat-main layim-chat-log" style="bottom: 0px"><ul>\n' + '{{# layui.each(d.data.data, function(index, item){\n' + ' if(item.id == mine.id){ }}\n' + ' <li class="layim-chat-mine"><div class="layim-chat-user"><img src="{{ item.avatar }}"><cite><i>{{ item.sendtime }}</i>{{ item.username }}</cite></div>\n' + ' <div class="layim-chat-text">{{layui.mobile.layim.content(item.content)}}</div>\n' + ' </li> \n' + ' {{# } else { }}\n' + ' <li><div class="layim-chat-user"><img src="{{ item.avatar }}"><cite>{{ item.username }}<i>{{ item.sendtime }}</i></cite></div>\n' + ' <div class="layim-chat-text">{{ layui.mobile.layim.content(item.content)}}</div>\n' + ' </li> \n' + ' {{# }\n' + '}); }}\n' + '</ul>\n' + '<div id="viewDiv"></div>\n' + '</div>'; var view = parent.$(document).find("#viewDiv"); var html = laytpl(tpl).render({ data: res }); view.html(html); //弹出一个更多聊天记录面板 layim.panel({ title: '与 ' + data.name + ' 的聊天记录' //标题 , tpl: tpl , data: dataes }); }, error: function (err) { console.log("err:", err); } }, 'json'); });
layim移动端layim.panel弹窗显示历史记录【模板】
于 2020-07-08 13:33:23 首次发布