目前 layui官方 暂没提供 layim 查找好友页面的结构与样式，我个人好奇心极强，自己弄了一套，现在上传与大家分享。小生不是做前端的，有些方面不够全面，请各位大神指点一二！
先呈上效果图压压惊
Layim查找好友、查找群组、添加好友、加入群组：
附上源码， 积分下载
一、绑定用户成员列表
/** html代码 */
<textarea id="codetool">
二、添加好友
/**
* 添加好友
*/
$(document).on( 'click' , '.addFriend' , function () {
var myBut = $( this );
var userId = myBut.attr( "userId" );
// 弹出添加好友验证界面
layim.add({
type: 'friend'
,username: user.username
,avatar: user.avatar
,submit: function (group, remark, index){
layer.msg( '好友申请已发送，请等待对方确认' , { icon: 1 });
// 修改按钮
myBut.parent().html( '<span class="c_red">已经提交申请</span>' );
// 在这里插入你的推送信息代码
}
});
});
三、推送信息
利用socket推送添加好友申请
// 推送一个消息
var msg = {
type: "addMsgbox" , // 随便定义，用于在服务端区分消息类型
sendType: 1, // 随便定义，用于在服务端区分消息类型
fromId: loginUserId, // 申请者
toId: user.id, // 好友编号
groupId: group, // 所在分组
remark: remark // 验证信息
}
websocket.send(JSON.stringify({
type: 'chatMsgbox' // 随便定义，用于在服务端区分消息类型
,data: msg
}));
四、猜您喜欢
http://www.zzvips.com/article/221140.html
到此这篇关于 javascript 中layim之查找好友查找群组的文章就介绍到这了,更多相关layim查找好友查找群组内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家！
原文链接：https://blog.csdn.net/ii950606/article/details/106136563
查看更多关于javascript中layim之查找好友查找群组的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did63972