修改聊天框样式

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

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

@ -9,7 +9,7 @@ $("#launchButton").click(function() {
area: ['520px', '530px'], area: ['520px', '530px'],
offset: 'rb', //右下角弹出 offset: 'rb', //右下角弹出
anim: 2, 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(){ end: function(){
launchButtonFlag=false; launchButtonFlag=false;
$(".launchButton").show(); $(".launchButton").show();

Loading…
Cancel
Save