修改聊天框样式

pull/30/head
taoshihan1991 4 years ago
parent daa71b7eb5
commit 5db7411c5b

@ -25,12 +25,13 @@
width: 100%;
text-align: left;
position: relative;
margin-bottom: 69px;
}
.chatBox{
max-height: 600px;
overflow-y: auto;
overflow-x: hidden;
margin-bottom: 80px;
/*max-height: 600px;*/
/*overflow-y: auto;*/
/*overflow-x: hidden;*/
/*margin-bottom: 80px;*/
}
.chatBox .el-col{margin:10px 0;}
.chatUser{
@ -71,8 +72,8 @@
.chatBoxMe .el-col-3{float: right;text-align: right;}
.chatBoxMe .chatUser{text-align: right}
.chatBoxMe .chatContent:after{left:auto;right: -10px;}
.chatArea{float: left;width: 80%;margin: 4px 0 0 4px;}
.btnArea{width: 18%;float: right;}
.chatArea{float: left;width: 76%;margin: 4px 0 0 4px;}
.btnArea{width: 20%;float: right;}
.chatTitle{height: 30px;line-height: 30px;color: #1989fa}
.chatBoxSend{background: #fff;position: fixed;bottom: 0;width: 100%;height: 67px;max-width: 800px;}
.chatBoxSendBtn{float: right;margin: 12px 4px 0 0;}
@ -322,7 +323,8 @@
//滚动到底部
scrollBottom:function(){
this.$nextTick(() => {
$('.chatBox').scrollTop($(".chatBox")[0].scrollHeight);
//debugger;
$('body').scrollTop($("body")[0].scrollHeight);
});
},
//获取日期
@ -379,10 +381,10 @@
initCss(){
var _this=this;
$(function () {
$(".chatBox").css("max-height",$(window).height());
if (top.location != location){
$(".chatBox").css("max-height",$(window).height()-65);
}
//$(".chatContext").css("max-height",$(window).height());
// if (top.location != location){
// $(".chatContext").css("max-height",$(window).height()-65);
// }
//展示表情
var faces=placeFace();
$.each(faceTitles, function (index, item) {

@ -9,7 +9,7 @@ $("#launchButton").click(function() {
area: ['520px', '530px'],
offset: 'rb', //右下角弹出
anim: 2,
content: [GOFLY_URL+'/chat_page?refer='+window.location.host, 'no'], //iframe的urlno代表不显示滚动条
content: [GOFLY_URL+'/chat_page?refer='+window.location.host, 'yes'], //iframe的urlno代表不显示滚动条
end: function(){
launchButtonFlag=false;
$(".launchButton").show();

Loading…
Cancel
Save