mirror of https://github.com/layui/layui
sentsin
8 years ago
1 changed files with 0 additions and 209 deletions
@ -1,209 +0,0 @@
|
||||
<!DOCTYPE html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
||||
<title>layim - layui</title> |
||||
|
||||
<link rel="stylesheet" href="../src/css/layui.css"> |
||||
<style> |
||||
html, body{background-color: #333;} |
||||
body{height: 3000px;} |
||||
</style> |
||||
</head> |
||||
<body> |
||||
|
||||
|
||||
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> |
||||
<script src="http://local.res.layui.com/lay/lib/layer/src/layer.js?v=2.4"></script> |
||||
|
||||
|
||||
|
||||
<script src="../build/layui.js"></script> |
||||
<script> |
||||
|
||||
layui.use('layim', function(layim){ |
||||
|
||||
//建立WebSocket通讯 |
||||
/* |
||||
var socket = layui.socket('/im/', { |
||||
'force new connection': false |
||||
}); |
||||
|
||||
socket.emit('system', {}); |
||||
*/ |
||||
|
||||
var autoReplay = [ |
||||
'您好，我现在有事不在，一会再和您联系。', |
||||
'你没发错吧？face[微笑] ', |
||||
'洗澡中，请勿打扰，偷窥请购票，个体四十，团体八折，订票电话：一般人我不告诉他！face[哈哈] ', |
||||
'你好，我是主人的美女秘书，有什么事就跟我说吧，等他回来我会转告他的。face[心] face[心] face[心] ', |
||||
'face[威武] face[威武] face[威武] face[威武] ', |
||||
'<（@￣︶￣@）>', |
||||
'你要和我说话？你真的要和我说话？你确定自己想说吗？你一定非说不可吗？那你说吧，这是自动回复。', |
||||
'face[黑线] 你慢慢说，别急……', |
||||
'(*^__^*) face[嘻嘻] ，是贤心吗？' |
||||
]; |
||||
|
||||
//基础配置 |
||||
layim.config({ |
||||
|
||||
//初始化接口 |
||||
init: { |
||||
url: './json/layim/getList.json' |
||||
,data: {} |
||||
} |
||||
|
||||
//,minRight: '90px' |
||||
|
||||
/* |
||||
,mine: { |
||||
"username": "LayIM体验者" //我的昵称 |
||||
,"id": "100000123" //我的ID |
||||
,"status": "online" //在线状态 online：在线、hide：隐身 |
||||
,"remark": "在深邃的编码世界，做一枚轻盈的纸飞机" //我的签名 |
||||
,"avatar": "a.jpg" //我的头像 |
||||
} |
||||
*/ |
||||
|
||||
//简约模式（不显示主面板） |
||||
//,brief: true |
||||
|
||||
//,title: 'WebIM' |
||||
|
||||
//查看群员接口 |
||||
,members: { |
||||
url: './json/layim/getMembers.json' |
||||
,data: {} |
||||
} |
||||
|
||||
//上传图片接口 |
||||
,uploadImage: { |
||||
url: '/upload/image' //（返回的数据格式见下文） |
||||
,type: '' //默认post |
||||
} |
||||
|
||||
//上传文件接口 |
||||
,uploadFile: { |
||||
url: '/upload/file' //（返回的数据格式见下文） |
||||
,type: '' //默认post |
||||
} |
||||
|
||||
//,right: '100px' |
||||
//,skin: ['http://cdn.firstlinkapp.com/upload/2016_4/1461747766565_14690.jpg'] //皮肤 |
||||
//,isfriend: false //是否开启好友 |
||||
//,isgroup: false //是否开启群组 |
||||
//,min: true //是否始终最小化主面板（默认false） |
||||
,chatLog: '/chat/log/' //聊天记录地址 |
||||
,find: '/find/' |
||||
//,copyright: true //是否授权 |
||||
}); |
||||
|
||||
/* |
||||
layim.chat({ |
||||
name: '在线客服-小苍' |
||||
,type: 'kefu' |
||||
,avatar: 'http://tva3.sinaimg.cn/crop.0.0.180.180.180/7f5f6861jw1e8qgp5bmzyj2050050aa8.jpg' |
||||
,id: -1 |
||||
}); |
||||
layim.chat({ |
||||
name: '在线客服-心心' |
||||
,type: 'kefu' |
||||
,avatar: 'http://tva1.sinaimg.cn/crop.219.144.555.555.180/0068iARejw8esk724mra6j30rs0rstap.jpg' |
||||
,id: -2 |
||||
}); |
||||
layim.setChatMin();*/ |
||||
|
||||
//监听发送消息 |
||||
layim.on('sendMessage', function(data){ |
||||
var To = data.to; |
||||
console.log(data); |
||||
|
||||
|
||||
|
||||
//演示自动回复 |
||||
setTimeout(function(){ |
||||
var obj = {}; |
||||
if(To.type === 'group'){ |
||||
obj = { |
||||
username: '模拟群员'+(Math.random()*100|0) |
||||
,avatar: layui.cache.dir + 'images/face/'+ (Math.random()*72|0) + '.gif' |
||||
,id: To.id |
||||
,type: To.type |
||||
,content: autoReplay[Math.random()*9|0] |
||||
} |
||||
} else { |
||||
obj = { |
||||
username: To.name |
||||
,avatar: To.avatar |
||||
,id: To.id |
||||
,type: To.type |
||||
,content: autoReplay[Math.random()*9|0] |
||||
} |
||||
} |
||||
layim.getMessage(obj); |
||||
}, 1000); |
||||
}); |
||||
|
||||
//监听在线状态的切换事件 |
||||
layim.on('online', function(data){ |
||||
console.log(data); |
||||
}); |
||||
|
||||
|
||||
|
||||
//layim建立就绪 |
||||
layim.on('ready', function(res){ |
||||
|
||||
console.log(res.mine); |
||||
|
||||
//添加好友（如果检测到该socket） |
||||
layim.addList({ |
||||
type: 'group' |
||||
,avatar: "http://tva3.sinaimg.cn/crop.64.106.361.361.50/7181dbb3jw8evfbtem8edj20ci0dpq3a.jpg" |
||||
,groupname: 'Angular开发' |
||||
,id: "12333333" |
||||
,members: 0 |
||||
}); |
||||
layim.addList({ |
||||
type: 'friend' |
||||
,avatar: "http://tp2.sinaimg.cn/2386568184/180/40050524279/0" |
||||
,username: '冲田杏梨' |
||||
,groupid: 2 |
||||
,id: "1233333312121212" |
||||
,remark: "本人冲田杏梨将结束AV女优的工作" |
||||
}); |
||||
|
||||
//接受消息（如果检测到该socket） |
||||
layim.getMessage({ |
||||
username: "贤心" |
||||
,avatar: "http://tp1.sinaimg.cn/1571889140/180/40030060651/1" |
||||
,id: "100001" |
||||
,type: "friend" |
||||
,content: "嗨，你好！欢迎体验LayIM。演示标记："+ new Date().getTime() |
||||
}); |
||||
layim.getMessage({ |
||||
username: "Hi" |
||||
,avatar: "http://qzapp.qlogo.cn/qzapp/100280987/56ADC83E78CEC046F8DF2C5D0DD63CDE/100" |
||||
,id: "10000111" |
||||
,type: "friend" |
||||
,content: "临时："+ new Date().getTime() |
||||
}); |
||||
}); |
||||
|
||||
//监听查看群员 |
||||
layim.on('members', function(data){ |
||||
console.log(data); |
||||
}); |
||||
|
||||
//监听聊天窗口的切换 |
||||
layim.on('chatChange', function(data){ |
||||
console.log(data); |
||||
}); |
||||
|
||||
|
||||
|
||||
}); |
||||
</script> |
||||
</body> |
||||
</html> |
||||
Loading…
Reference in new issue