修改访客输入框部分

master
taoshihan 3 years ago
parent d7fa72079c
commit 06c51e8b11

@ -489,3 +489,15 @@ a{color: #07a9fe;text-decoration: none;}
max-width: 900px; max-width: 900px;
} }
} }
.visitorEditorArea{
margin: 0 5px;
}
.visitorEditorArea textarea {
padding: 7px 0 7px 8px;
font-size:16px;
line-height: 21px;
}
.visitorEditor{
display: flex;
align-items: center;
}

@ -22,6 +22,8 @@ new Vue({
replys:[], replys:[],
noticeName:"", noticeName:"",
noticeAvatar:"", noticeAvatar:"",
showIconBtns:false,
showFaceIcon:false,
}, },
methods: { methods: {
//初始化websocket //初始化websocket

@ -45,9 +45,11 @@
<div class="icono-comment visitorHistoryBtn" v-on:click="getMesssagesByVisitorId(true)"></div> <div class="icono-comment visitorHistoryBtn" v-on:click="getMesssagesByVisitorId(true)"></div>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<el-input @focus="textareaFocus" @blur="textareaBlur" v-model="messageContent" @keyup.native="inputNextText" v-on:keyup.enter.native="chatToUser" :placeholder="flyLang.textarea"> <div class="visitorEditor">
<el-button slot="append" :disabled="sendDisabled||messageContent==''" v-on:click="chatToUser"><{flyLang.sent}></el-button> <el-input class="visitorEditorArea" :rows="1" type="textarea" resize="none" @focus="textareaFocus" @blur="textareaBlur" v-model="messageContent" @keyup.native="inputNextText" v-on:keyup.enter.native="chatToUser" >
</el-input> </el-input>
<el-button :disabled="sendDisabled||messageContent==''" v-on:click="chatToUser" type="success" size="small"><{flyLang.sent}></el-button>
</div>
<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>
@ -55,7 +57,7 @@
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div class="footContact clear"> <div class="footContact clear">
<a href="https://github.com/taoshihan1991/go-fly" target="_blank"><{flyLang.copyright}></a> <a href="https://github.com/taoshihan1991/go-fly" target="_blank">GO-FLY0.4.2开源客服系统</a>
</div> </div>
</div> </div>
<!--//客服代码--> <!--//客服代码-->

Loading…
Cancel
Save