服务器之家

服务器之家 > 正文

javascript中layim之查找好友查找群组

时间：2022-01-19 14:55     来源/作者：踮脚敲代码

目前layui官方暂没提供layim查找好友页面的结构与样式，我个人好奇心极强，自己弄了一套，现在上传与大家分享。小生不是做前端的，有些方面不够全面，请各位大神指点一二！

先呈上效果图压压惊

javascript中layim之查找好友查找群组

Layim查找好友、查找群组、添加好友、加入群组：

附上源码，积分下载

一、绑定用户成员列表

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
/** html代码 */
<textarea id="codetool">

二、添加好友

javascript中layim之查找好友查找群组

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
/**
 * 添加好友
 */
$(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推送添加好友申请

?
1
2
3
4
5
6
7
8
9
10
11
12
13
// 推送一个消息
var msg = {
        type: "addMsgbox",  // 随便定义，用于在服务端区分消息类型
        sendType: 1,        // 随便定义，用于在服务端区分消息类型
        fromId: loginUserId,    // 申请者
        toId: user.id,          // 好友编号
        groupId: group,         // 所在分组
        remark: remark          // 验证信息
    }
websocket.send(JSON.stringify({
    type: 'chatMsgbox' // 随便定义，用于在服务端区分消息类型
    ,data: msg
 }));

四、猜您喜欢

https://www.zzvips.com/article/221140.html

到此这篇关于javascript中layim之查找好友查找群组的文章就介绍到这了,更多相关layim查找好友查找群组内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家！

原文链接：https://blog.csdn.net/ii950606/article/details/106136563

标签：
JavaScript layim 查找好友 查找群组 

相关文章

热门资讯

蜘蛛侠3英雄无归3正片免费播放 蜘蛛侠3在线观看免费高清完整
蜘蛛侠3英雄无归3正片免费播放 蜘蛛侠3在线观看免费高清完整 2021-08-24
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
2021年耽改剧名单 2021要播出的59部耽改剧列表
2021年耽改剧名单 2021要播出的59部耽改剧列表 2021-03-05
返回顶部