Skip to content

施宇 / icsales

Go to a project
Commit 18a5a589 by 施宇
Options

121212

parent 8823e059
Inline Side-by-side
Showing with 411 additions and 316 deletions
Application/Home/View/Chat/index.html
......@@ -19,7 +19,55 @@
</div>
</div>
<div class="notice_right boxsiz">
<textarea id="chat_textarea" style="display: none;" class="chat_textarea"></textarea>
<div class="edit_content">
<ul class="face_ul clr">
<li class="fl"><img src="__PUBLIC__/faces/ee_1.png" alt="" data-text="[):]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_2.png" alt="" data-text="[:D]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_3.png" alt="" data-text="[;)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_4.png" alt="" data-text="[:-o]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_5.png" alt="" data-text="[:p]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_6.png" alt="" data-text="[(H)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_7.png" alt="" data-text="[:@]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_8.png" alt="" data-text="[:s]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_9.png" alt="" data-text="[:$]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_10.png" alt="" data-text='[:(]'></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_11.png" alt="" data-text='[:"(]'></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_12.png" alt="" data-text="[:|]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_13.png" alt="" data-text="[(a)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_14.png" alt="" data-text="[8o|]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_15.png" alt="" data-text="[|]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_16.png" alt="" data-text="[+o(]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_17.png" alt="" data-text="[o)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_18.png" alt="" data-text="[|-)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_19.png" alt="" data-text="[*-)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_20.png" alt="" data-text="[:-#]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_21.png" alt="" data-text="[:-*]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_22.png" alt="" data-text="[^o)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_23.png" alt="" data-text="[8-)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_24.png" alt="" data-text="[(|)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_25.png" alt="" data-text="[(u)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_26.png" alt="" data-text="[(S)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_27.png" alt="" data-text="[(*)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_28.png" alt="" data-text="[(#)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_29.png" alt="" data-text="[(R)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_30.png" alt="" data-text="[({)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_31.png" alt="" data-text="[(})]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_32.png" alt="" data-text="[(k)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_33.png" alt="" data-text="[(F)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_34.png" alt="" data-text="[(W)]"></li>
<li class="fl"><img src="__PUBLIC__/faces/ee_35.png" alt="" data-text="[(D)]"></li>
</ul>
<div class="edit_title">
<img src="__PUBLIC__/icons/face.png" alt="" class="face">
<img src="__PUBLIC__/icons/pic.png" alt="" class="pic">
<input type="file" id="img_upload" style="display: none"
accept="image/gif, image/jpeg,image/jpg, image/png,image/bmp">
</div>
<div class="edit_input">
<textarea id="chat_textarea" class="chat_textarea"></textarea>
</div>
</div>
<div class="chat_item_content">
<!-- <div class="chat_item">
<div class="title clr">
......@@ -40,7 +88,6 @@
</div>
</div>
</div>
</div>
<include file="public/foot" />
<script src="__PUBLIC__/js/chat/webim.config.js"></script>
<script src="__PUBLIC__/js/chat/strophe-1.2.8.js"></script>
......@@ -50,6 +97,14 @@
<script src="__PUBLIC__/js/chat/uploadShim.js"></script>
<script>
// var browser = navigator.appName;
// var b_version = navigator.appVersion;
// var version = b_version.split(";");
// var trim_Version = version[1].replace(/[ ]/g, "");
// if (browser == "Microsoft Internet Explorer" &&
// (trim_Version == "MSIE6.0" || trim_Version == "MSIE7.0" || trim_Version == "MSIE8.0" || trim_Version ==
// "MSIE9.0")) {
// }
var CurentTime = function () {
var now = new Date();
......@@ -84,16 +139,6 @@
clock += ss;
return (clock);
}
var layedit = layui.layedit;
layedit.set({
hideTool: ['strong', 'italic', 'underline', 'del', '|', 'left', 'center', 'right',
'link', 'unlink'
]
});
layedit.build('chat_textarea', {
height: 200
}); //建立编辑器
var conn = {};
conn = new WebIM.connection({
isMultiLoginSessions: WebIM.config.isMultiLoginSessions,
......@@ -103,15 +148,52 @@
isAutoLogin: true,
heartBeatWait: WebIM.config.heartBeatWait,
autoReconnectNumMax: WebIM.config.autoReconnectNumMax,
autoReconnectInterval: WebIM.config.autoReconnectInterval,
delivery: true,
autoReconnectInterval: WebIM.config.autoReconnectInterval
});
// 初始化上传组件 fileInputId对应页面上的file组件id
WebIM.flashUpload = UploadShim({
fileInputId: 'image'
}, conn).flashUpload;
WebIM.Emoji = {
path: '__PUBLIC__/faces/',
map: {
'[):]': 'ee_1.png',
'[:D]': 'ee_2.png',
'[;)]': 'ee_3.png',
'[:-o]': 'ee_4.png',
'[:p]': 'ee_5.png',
'[(H)]': 'ee_6.png',
'[:@]': 'ee_7.png',
'[:s]': 'ee_8.png',
'[:$]': 'ee_9.png',
'[:(]': 'ee_10.png',
'[:"(]': 'ee_11.png',
'[:|]': 'ee_12.png',
'[(a)]': 'ee_13.png',
'[8o|]': 'ee_14.png',
'[|]': 'ee_15.png',
'[+o(]': 'ee_16.png',
'[o)]': 'ee_17.png',
'[|-)]': 'ee_18.png',
'[*-)]': 'ee_19.png',
'[:-#]': 'ee_20.png',
'[:-*]': 'ee_21.png',
'[^o)]': 'ee_22.png',
'[8-)]': 'ee_23.png',
'[(|)]': 'ee_24.png',
'[(u)]': 'ee_25.png',
'[(S)]': 'ee_26.png',
'[(*)]': 'ee_27.png',
'[(#)]': 'ee_28.png',
'[(R)]': 'ee_29.png',
'[({)]': 'ee_30.png',
'[(})]': 'ee_31.png',
'[(k)]': 'ee_32.png',
'[(F)]': 'ee_33.png',
'[(W)]': 'ee_34.png',
'[(D)]': 'ee_35.png'
}
};
function userHtml(num, user, message) {
if (num == 0) {
......@@ -140,196 +222,141 @@
return '<div class="notice_item right clr">' +
'<img src="__PUBLIC__/images/test.jpg" alt="" class="fr user_logo">' +
'<div class="notice_content">' +
'<p>' +
html +
'</p>' +
'<div>' + CurentTime() + '</div>' +
'</div>'
} else {
return '<div class = "notice_item left clr" > ' +
'<img src="__PUBLIC__/images/test.jpg" alt="" class="fl user_logo">' +
'<div class="notice_content">' +
'<p>' +
html +
'</p>' +
'<div>' + CurentTime() + '</div>' +
'</div>'
}
}
function receiveData(type, message) { //1 文字 2 图片 3 表情
var regContent = "";
var htmlStr = "";
if (type == 1) {
regContent = message.data;
htmlStr = message.data;
} else if (type == 2) {
regContent = '[图片]';
htmlStr = '<img src ="' + message.url + '" class="edit_img"/>';
} else {
var data = message.data;
for (var i = 0, l = data.length; i < l; i++) {
if (data[i].type == 'emoji') {
regContent += '[表情]';
htmlStr += '<img src ="' + data[i].data + '" width=25 height=25/>';
} else {
regContent += data[i].data;
htmlStr += data[i].data;
}
};
}
var len = $('.notice_classify').length;
var userSigleStr = '<img src="__PUBLIC__/images/test.jpg" alt="" class="user_logo">' +
'<div class="user_right">' +
'<div class="clr">' +
'<span class="num fr">0</span>' +
'<h3 class="boxsiz ellipsis">' + message.from + '</h3>' +
'</div>' +
'<div class="message">' + regContent + '</div>' +
'</div>'
var messageSigleStr =
'<div class="title clr">' +
'<div class="fr btn btn_border">' +
'<span class="icon iconfont iconjuxing23"></span>' +
'<i>' + message.from + '</i>' +
'</div>' +
'<h3 class="bold boxsiz">' + message.from + '</h3>' +
'</div>' +
'<div class="notice_list boxsiz">' +
'<div class="notice_item_content">' +
messageHtml(2, htmlStr) +
'</div>' +
'</div>' +
'</div>'
if (!len) {
//新用户
var userStr = '<div class="notice_classify active" userid="' + message.from + '">' +
userHtml(0, message.from, regContent) + '</div>';
var messageStr = '<div class="chat_item active" id="' + message.from + '">' +
messageSigleStr + '</div>'
$('.notice_left_content').append(userStr);
$('.chat_item_content').append(messageStr)
} else {
$('.notice_classify').each(function (index) {
var userId = $(this).attr('userid');
var isNowChat = $('.notice_classify').eq(index).hasClass('active');
if (userId == message.from) {
//已有用户
if (isNowChat) {
//当前用户
$(this).html(userHtml(0, message.from, regContent));
$('#' + userId).find('.notice_item_content').append(messageHtml(2,
htmlStr));
var contentHeight = $('#' + userId).find('.notice_item_content')
.height();
$('#' + userId).find('.notice_list').scrollTop(contentHeight);
} else {
//非当前用户
var num = Number($(this).find('.num').text());
$(this).html(userHtml(num + 1, message.from, regContent));
$('#' + userId).find('.notice_item_content').append(messageHtml(2,
htmlStr));
}
return false;
} else {
if (index == len - 1) {
//新用户
var userStr = '<div class="notice_classify" userid="' +
message.from + '">' +
userHtml(1, message.from, regContent) + '</div>';
var messageStr = '<div class="chat_item" id="' +
message.from + '">' +
messageSigleStr + '</div>'
$('.notice_left_content').append(userStr);
$('.chat_item_content').append(messageStr)
}
}
})
}
}
// listern，添加回调函数;
conn.listen({
onOpened: function (message) {
console.log("Opened");
console.log(message);
console.log('opend')
},
// onReadMessage:function(message){
// console.log("onReadMessage", message)
// },
// onDeliveredMessage:function(message){
// console.log("onDeliveredMessage", message)
// },
// onReceivedMessage:function(message){
// console.log("onReceivedMessage", message)
// },
onTextMessage: function (message) {
var reg = /<img[^>]*>/ig;
var regContent = message.data.replace(reg, '[图片]');
var len = $('.notice_classify').length;
var userSigleStr = '<img src="__PUBLIC__/images/test.jpg" alt="" class="user_logo">' +
'<div class="user_right">' +
'<div class="clr">' +
'<span class="num fr">0</span>' +
'<h3 class="boxsiz ellipsis">' + message.from + '</h3>' +
'</div>' +
'<div class="message">' + regContent + '</div>' +
'</div>'
var messageSigleStr =
'<div class="title clr">' +
'<div class="fr btn btn_border">' +
'<span class="icon iconfont iconjuxing23"></span>' +
'<i>' + message.from + '</i>' +
'</div>' +
'<h3 class="bold boxsiz">' + message.from + '</h3>' +
'</div>' +
'<div class="notice_list boxsiz">' +
'<div class="notice_item_content">' +
messageHtml(2, message.data) +
'</div>' +
'</div>' +
'</div>'
if (!len) {
//新用户
var userStr = '<div class="notice_classify active" userid="' + message.from + '">' +
userHtml(0, message.from, regContent) + '</div>';
var messageStr = '<div class="chat_item active" id="' + message.from + '">' +
messageSigleStr + '</div>'
$('.notice_left_content').html(userStr);
$('.chat_item_content').html(messageStr)
} else {
$('.notice_classify').each(function (index) {
var userId = $(this).attr('userid');
var isNowChat = $('.notice_classify').eq(index).hasClass('active');
if (userId == message.from) {
//已有用户
if (isNowChat) {
//当前用户
$(this).html(userHtml(0, message.from, regContent));
$('#' + userId).find('.notice_item_content').append(messageHtml(2,
message
.data));
var contentHeight = $('#' + userId).find('.notice_item_content')
.height();
$('#' + userId).find('.notice_list').scrollTop(contentHeight);
} else {
//非当前用户
var num = Number($(this).find('.num').text());
$(this).html(userHtml(num + 1, message.from, regContent));
$('#' + userId).find('.notice_item_content').append(messageHtml(2,
message
.data));
}
return false;
} else {
if (index == len - 1) {
//新用户
var userStr = '<div class="notice_classify" userid="' +
message.from + '">' +
userHtml(1, message.from, regContent) + '</div>';
var messageStr = '<div class="chat_item" id="' +
message.from + '">' +
messageSigleStr + '</div>'
$('.notice_left_content').append(userStr);
$('.chat_item_content').append(messageStr)
}
}
})
}
receiveData(1, message)
console.log(message)
}, //收到文本消息;
onEmojiMessage: function (message) {
// 当为WebIM添加了Emoji属性后，若发送的消息含WebIM.Emoji里特定的字符串，connection就会自动将
// 这些字符串和其它文字按顺序组合成一个数组，每一个数组元素的结构为{type: 'emoji(或者txt)', data:''}
// 当type='emoji'时，data表示表情图像的路径，当type='txt'时，data表示文本消息;
receiveData(3, message)
}, //收到表情消息;
onPictureMessage: function (message) {
console.log('Picture');
var options = {
url: message.url
};
options.onFileDownloadComplete = function () {
// 图片下载成功;
var regContent ='[图片]';
var len = $('.notice_classify').length;
var htmlStr = '<img src ="'+message.url+'"/>'
var userSigleStr = '<img src="__PUBLIC__/images/test.jpg" alt="" class="user_logo">' +
'<div class="user_right">' +
'<div class="clr">' +
'<span class="num fr">0</span>' +
'<h3 class="boxsiz ellipsis">' + message.from + '</h3>' +
'</div>' +
'<div class="message">' + regContent + '</div>' +
'</div>'
var messageSigleStr =
'<div class="title clr">' +
'<div class="fr btn btn_border">' +
'<span class="icon iconfont iconjuxing23"></span>' +
'<i>' + message.from + '</i>' +
'</div>' +
'<h3 class="bold boxsiz">' + message.from + '</h3>' +
'</div>' +
'<div class="notice_list boxsiz">' +
'<div class="notice_item_content">' +
messageHtml(2, htmlStr) +
'</div>' +
'</div>' +
'</div>'
receiveData(2, message)
if (!len) {
//新用户
var userStr = '<div class="notice_classify active" userid="' + message.from + '">' +
userHtml(0, message.from, regContent) + '</div>';
var messageStr = '<div class="chat_item active" id="' + message.from + '">' +
messageSigleStr + '</div>'
$('.notice_left_content').html(userStr);
$('.chat_item_content').html(messageStr)
} else {
$('.notice_classify').each(function (index) {
var userId = $(this).attr('userid');
var isNowChat = $('.notice_classify').eq(index).hasClass('active');
if (userId == message.from) {
//已有用户
if (isNowChat) {
//当前用户
$(this).html(userHtml(0, message.from, regContent));
$('#' + userId).find('.notice_item_content').append(messageHtml(2,
message
.data));
var contentHeight = $('#' + userId).find('.notice_item_content')
.height();
$('#' + userId).find('.notice_list').scrollTop(contentHeight);
} else {
//非当前用户
var num = Number($(this).find('.num').text());
$(this).html(userHtml(num + 1, message.from, regContent));
$('#' + userId).find('.notice_item_content').append(messageHtml(2,
message
.data));
}
return false;
} else {
if (index == len - 1) {
//新用户
var userStr = '<div class="notice_classify" userid="' +
message.from + '">' +
userHtml(1, message.from, regContent) + '</div>';
var messageStr = '<div class="chat_item" id="' +
message.from + '">' +
messageSigleStr + '</div>'
$('.notice_left_content').append(userStr);
$('.chat_item_content').append(messageStr)
}
}
})
}
console.log('Image download complete!');
};
......@@ -351,21 +378,18 @@
// console.log('Error', WebIM.utils.stringify(message));
console.log("Error: " + WebIM.utils.stringify(message));
}, //失败回调;
onBlacklistUpdate: function (list) {
// 查询黑名单，将好友拉黑，将好友从黑名单移除都会回调这个函数，list则是黑名单现有的所有好友信息;
// console.log(list);
} // 黑名单变动;
});
// open，登录;
var options = {
apiUrl: WebIM.config.apiURL,
user: "myy5",
pwd: "m",
user: "18271408717",
pwd: "123456",
appKey: WebIM.config.appkey
};
try {
conn.open(options);
} catch (e) {
console.log(WebIM.config.apiURL)
// alert('open fail' + e.message)
}
......@@ -374,30 +398,25 @@
var userId = $('.notice_left ').find('.active').attr('userid')
var id = conn.getUniqueId();
var msg = new WebIM.message('txt', id);
var emojiMessage = WebIM.utils.parseEmoji(content); //表情解析工具
msg.set({
msg: content, // 消息内容;
<<<<<<< .mine
to: userId, // 接收消息对象;
=======
to: 'myy4', // 接收消息对象;
>>>>>>> .theirs
roomType: false,
success: function (id, serverMsgId) {
$('#' + userId).find('.notice_item_content').append(messageHtml(1,
content));
emojiMessage));
var contentHeight = $('#' + userId).find('.notice_item_content')
.height();
$('#' + userId).find('.notice_list').scrollTop(contentHeight);
layedit.setContent(1, '', false)
$('#chat_textarea').val('');
},
fail: function () {
console.log("Send private text failed");
}
});
console.log(msg)
// msg.body.chatType = 'singleChat';
conn.send(msg.body);
};
......@@ -405,133 +424,86 @@
var sendPrivateImg = function () {
var id = conn.getUniqueId();
var msg = new WebIM.message('img', id);
var input = document.getElementById('image'); // 选择图片的input;
var input = $('#img_upload')[0]; // 选择图片的input;
var file = WebIM.utils.getFileUrl(input); // 将图片转化为二进制文件;
var userId = $('.notice_left').find('.active').attr('userid');
console.log('xixiixixiiiixixix')
try {
console.log(input.files[0])
} catch (e) {
console.log('GetFile Error:', e);
}
console.log('xixiixixiiiixixix')
var allowType = {
'jpg': true,
'gif': true,
'png': true,
'bmp': true
};
// if (file.filetype.toLowerCase() in allowType) {;
// console.log('send', WebIM.config.apiURL);
var option = {
apiUrl: WebIM.config.apiURL,
file: file,
to: 'myy4',
to: '18664936975',
roomType: false,
chatType: 'singleChat',
flashUpload: WebIM.flashUpload,
onFileUploadError: function () {
console.log(file);
console.log('失败')
},
onFileUploadComplete: function () {
console.log('onFileUploadComplete');
},
onFileUploadComplete: function () {},
success: function () {
console.log(file);
var htmlStr = '<img src ="' + file.url + '" class="edit_img"/>';
$('#' + userId).find('.notice_item_content').append(messageHtml(1,
htmlStr));
var contentHeight = $('#' + userId).find('.notice_item_content')
.height();
$('#' + userId).find('.notice_list').scrollTop(contentHeight);
$('#img_upload').val('');
},
flashUpload: WebIM.flashUpload // 意义待查;
};
msg.set(option);
conn.send(msg.body);
// };
};
// 获取好友列表;
var getRoasters = function () {
var option = {
success: function (roster) {
for (var o in roster) {
}
}
};
conn.getRoster(option);
};
// 添加好友;
var addFriends = function () {
console.log('添加myy4为好友')
conn.subscribe({
to: "myy4",
message: "Hello World!" // Demo里面接收方没有展现出来这个message，在status字段里面;
});
};
// 删除好友;
var removeFriends = function () {
conn.removeRoster({
to: 'asdfghj',
success: function () {
conn.unsubscribed({
to: 'asdfghj'
});
},
error: function () {}
});
};
var addToBlackList = function () {
var list = {
// user_1;
asdfghj: {
jid: "easemob-demo#chatdemoui_asdfghj@easemob.com",
name: "asdfghj",
subscription: 'both',
order: 2,
type: 'jid'
},
// user_2;
wjy6: {
jid: "easemob-demo#chatdemoui_wjy6@easemob.com",
name: "wjy6",
subscription: 'both',
order: 3,
type: 'jid'
$('#chat_textarea').on('keydown', function (e) {
var et = e || window.event;
var keycode = et.charCode || et.keyCode;
var val = $(this).val();
if ((keycode === 13)) {
if (window.event) {
window.event.returnValue = false;
} else {
e.preventDefault();
}
};
conn.addToBlackList({
list: list,
type: 'jid',
success: function () {
// console.log('Add friend to black list success');
},
error: function () {
// console.log('Add friend to black list error');
if (val) {
sendPrivateText(val)
}
});
}
// 获取好友黑名单，调用这个函数会回调conn.listen里的onBlacklistUpdate函数，具体细节请参照test.js;
var getBlackList = function () {
conn.getBlacklist();
};
// 将好友从黑名单拉出来;
var removeBlackList = function () {
var list = {};
conn.removeFromBlackList({
list: list,
type: 'jid',
success: function () {
// console.log('Remove from black list success.');
},
error: function () {
// console.log('Remove from black list error.')
}
});
};
layedit.hotkey(function () {
var content = layedit.getContent(1);
if(content !== '<p><br></p>'){
sendPrivateText(content)
}else{
return
}
});
$('.pic').on('click', function () {
$('#img_upload').click();
});
$('.face').on('click', function (event) {
event.stopPropagation ? event.stopPropagation() : event.cancelBubble = true;
$('.face_ul').show();
});
$('.face_ul').on('click', 'li', function () {
var text = $(this).find('img').attr('data-text');
var val = $('#chat_textarea').val();
$('#chat_textarea').val(val + text)
});
$(document).on('click', function () {
$('.face_ul').hide()
})
$('#img_upload').on('change', function () {
if ($(this).val()) {
sendPrivateImg();
} else {
return;
}
})
$('.notice_left').on('click', '.notice_classify', function () {
var id = $(this).attr('userid');
$('#' + id).addClass('active').siblings('.chat_item').removeClass('active');
......
Application/Home/View/public/header.html
......@@ -9,6 +9,5 @@
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/common/ie.css">
<![endif]-->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/js/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/js/layui/css/layui.css">
\ No newline at end of file
dist/css/chat.css
......@@ -86,18 +86,74 @@
right: 0;
bottom: 0;
}
.chat_content .content .content_div .notice_right .edit_img {
cursor: pointer;
}
.chat_content .content .content_div .notice_right .chat_item {
display: none;
}
.chat_content .content .content_div .notice_right .chat_item.active {
display: block;
}
.chat_content .content .content_div .notice_right .layui-layedit {
.chat_content .content .content_div .notice_right .edit_content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.chat_content .content .content_div .notice_right .edit_content .face_ul {
width: 350px;
height: 140px;
-webkit-box-shadow: 0 0 4px 0 rgba(173, 185, 193, 0.5);
box-shadow: 0 0 4px 0 rgba(173, 185, 193, 0.5);
display: none;
position: absolute;
left: 0;
top: -140px;
z-index: 99;
background-color: #fff;
}
.chat_content .content .content_div .notice_right .edit_content .face_ul li {
height: 25px;
width: 25px;
padding: 5px;
cursor: pointer;
border-radius: 2px 2px 0 0;
}
.chat_content .content .content_div .notice_right .edit_content .face_ul li:hover {
background-color: #ebfaf4;
}
.chat_content .content .content_div .notice_right .edit_content .face_ul li img {
height: 100%;
width: 100%;
}
.chat_content .content .content_div .notice_right .edit_content .edit_title {
padding: 3px 5px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.chat_content .content .content_div .notice_right .edit_content .edit_title img {
margin: 3px 5px;
cursor: pointer;
}
.chat_content .content .content_div .notice_right .edit_content .edit_title img.face {
height: 25px;
width: 25px;
}
.chat_content .content .content_div .notice_right .edit_content .edit_title img.pic {
height: 20px;
width: 20px;
}
.chat_content .content .content_div .notice_right .edit_content .edit_input {
height: 150px;
padding: 10px;
}
.chat_content .content .content_div .notice_right .edit_content .edit_input .chat_textarea {
height: 100%;
width: 100%;
line-height: 20px;
resize: none;
}
.chat_content .content .content_div .notice_right .title {
border-bottom: 2px solid #E6ECF2;
}
......@@ -121,7 +177,7 @@
top: 90px;
left: 0;
right: 0;
bottom: 244px;
bottom: 210px;
overflow: auto;
padding: 10px 20px;
}
......@@ -166,4 +222,3 @@
color: #ADB6BF;
padding: 10px 15px;
}
/*# sourceMappingURL=chat.css.map */
\ No newline at end of file
dist/css/chat.less
......@@ -105,17 +105,87 @@
left: 248px;
right: 0;
bottom: 0;
.chat_item{
.edit_img {
cursor: pointer;
}
.chat_item {
display: none;
&.active{
&.active {
display: block
}
}
.layui-layedit {
.edit_content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
.face_ul {
width: 350px;
height: 140px;
-webkit-box-shadow: 0 0 4px 0 rgba(173, 185, 193, 0.5);
box-shadow: 0 0 4px 0 rgba(173, 185, 193, 0.5);
display: none;
position: absolute;
left:0;
top:-140px;
z-index:99;
background-color: #fff;
li {
height: 25px;
width: 25px;
padding: 5px;
cursor: pointer;
border-radius: 2px 2px 0 0;
&:hover {
background-color: #ebfaf4;
}
img {
height: 100%;
width: 100%;
}
}
}
.edit_title {
padding: 3px 5px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
img {
margin: 3px 5px;
cursor: pointer;
&.face {
height: 25px;
width: 25px;
}
&.pic {
height: 20px;
width: 20px;
}
}
}
.edit_input {
height: 150px;
padding: 10px;
.chat_textarea {
height: 100%;
width: 100%;
line-height: 20px;
resize: none;
}
}
}
.title {
......@@ -145,10 +215,10 @@
top: 90px;
left: 0;
right: 0;
bottom: 244px;
bottom: 210px;
overflow: auto;
padding: 10px 20px;
&::-webkit-scrollbar {
width: 2px;
}
......
dist/js/chat/websdk-1.4.8.js
......@@ -67,7 +67,7 @@
/***/ 223: /***/ function (module, exports, __webpack_require__) {
'use strict';
// 'use strict';
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
return typeof obj;
......@@ -264,10 +264,9 @@
_isCanUploadFileAsync = _isCanSetRequestHeader && _hasFormData,
_isCanUploadFile = _isCanUploadFileAsync || _hasFlash,
_isCanDownLoadFile = _isCanSetRequestHeader && (_hasBlob || _hasOverrideMimeType);
console.log('hahah')
if (!Object.keys) {
Object.keys = function () {
'use strict';
// 'use strict';
var hasOwnProperty = Object.prototype.hasOwnProperty,
hasDontEnumBug = !{toString: null}.propertyIsEnumerable('toString'),
......@@ -1113,7 +1112,7 @@
/***/ 224: /***/ function (module, exports) {
"use strict";
// "use strict";
;
(function () {
......@@ -1206,7 +1205,7 @@
/***/ 230: /***/ function (module, exports, __webpack_require__) {
'use strict';
// 'use strict';
module.exports = __webpack_require__(231);
......@@ -1215,7 +1214,7 @@
/***/ 231: /***/ function (module, exports, __webpack_require__) {
'use strict';
// 'use strict';
var _version = '1.4.2';
var _code = __webpack_require__(224).code;
......@@ -4080,11 +4079,11 @@
/***/ 232: /***/ function (module, exports, __webpack_require__) {
'use strict';
// 'use strict';
;
(function () {
'use strict';
// 'use strict';
var _utils = __webpack_require__(223).utils;
var Message = function Message(type, id) {
......@@ -4404,7 +4403,7 @@
/***/ 233: /***/ function (module, exports) {
"use strict";
// "use strict";
;
(function () {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment