修复软键盘问题

pull/23/head
630892807@qq.com 3 years ago
parent 8655643611
commit a674bc1ba5

@ -55,7 +55,7 @@
<div class="folderBtn visitorFolderBtn" id="uploadFile" v-on:click="uploadFile('/uploadfile')"></div> <div class="folderBtn visitorFolderBtn" id="uploadFile" v-on:click="uploadFile('/uploadfile')"></div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<el-input type="textarea" @focus="textareaFocus" @blur="textareaBlur" @click.native="scrollBottom" class="chatArea" v-model="messageContent" @keyup.native="inputNextText" v-on:keyup.enter.native="chatToUser" :placeholder="flyLang.textarea"></el-input> <el-input type="textarea" @focus="textareaFocus" @blur="textareaBlur" class="chatArea" v-model="messageContent" @keyup.native="inputNextText" v-on:keyup.enter.native="chatToUser" :placeholder="flyLang.textarea"></el-input>
<div class="faceBox visitorFaceBox"> <div class="faceBox visitorFaceBox">
<ul class="faceBoxList"> <ul class="faceBoxList">
<li v-on:click="faceIconClick(i)" class="faceIcon" v-for="(v,i) in face" :title="v.name"><img :src=v.path></li> <li v-on:click="faceIconClick(i)" class="faceIcon" v-for="(v,i) in face" :title="v.name"><img :src=v.path></li>

@ -17,6 +17,7 @@ new Vue({
timer:null, timer:null,
sendDisabled:false, sendDisabled:false,
flyLang:GOFLY_LANG[LANG], flyLang:GOFLY_LANG[LANG],
textareaFocused:false,
}, },
methods: { methods: {
//初始化websocket //初始化websocket
@ -260,18 +261,21 @@ new Vue({
textareaFocus:function(){ textareaFocus:function(){
if(/Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent)) { if(/Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent)) {
$('body').scrollTop($("body")[0].scrollHeight); $('body').scrollTop($("body")[0].scrollHeight);
$(".chatContext").css("margin-bottom","1px"); $(".chatContext").css("margin-bottom","0");
$(".chatBoxSend").css("position","static"); $(".chatBoxSend").css("position","static");
this.textareaFocused=true;
} }
}, },
textareaBlur:function(){ textareaBlur:function(){
if(/Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent)) { if(this.textareaFocused&&/Android|webOS|iPhone|iPad|BlackBerry/i.test(navigator.userAgent)) {
var chatBoxSendObj=$(".chatBoxSend"); var chatBoxSendObj=$(".chatBoxSend");
var chatContextObj=$(".chatContext"); var chatContextObj=$(".chatContext");
if(chatBoxSendObj.css("position")!="fixed"){ if(this.textareaFocused&&chatBoxSendObj.css("position")!="fixed"){
chatContextObj.css("margin-bottom","105px"); chatContextObj.css("margin-bottom","105px");
chatBoxSendObj.css("position","fixed"); chatBoxSendObj.css("position","fixed");
this.textareaFocused=false;
} }
} }
}, },
//获取日期 //获取日期

Loading…
Cancel
Save