访客界面自适应修改

static/css/common.css

@@ -34,10 +34,19 @@
     float: left;
     margin-left: 5px;
 }
+
 .visitorFaceBox{
     position: absolute;
     bottom: 105px;
 }
+.visitorIconBtns{
+    margin-right: 8px;
+    transform: scale(0.8);
+}
+.visitorIconBtns:hover{
+    color:#484848;
+}
+
 .kefuFaceBox{
     position: absolute;
     bottom: 0px;
@@ -307,7 +316,7 @@
     /*margin-bottom: 80px;*/
 }
 .chatVisitorPage{
-    height: calc(100% - 150px);
+    height: calc(100% - 100px);
     overflow-y: auto;
 }
 .chatVisitorPage .chatBox{
@@ -471,7 +480,7 @@ a{color: #07a9fe;text-decoration: none;}
     background-color: rgb(11 113 236);
     align-items: center;
     justify-content: left;
-    display: flex;
+    display: none;
 }
 .chatEntTitleLogo{
     margin-right: 5px;
@@ -488,6 +497,10 @@ a{color: #07a9fe;text-decoration: none;}
         margin-left: -450px;
         max-width: 900px;
     }
+    .chatVisitorPage{
+        height: calc(100% - 150px);
+    }
+    .chatEntTitle{display: flex;}
 }
 .visitorEditorArea{
     margin: 0 5px;
@@ -500,4 +513,7 @@ a{color: #07a9fe;text-decoration: none;}
 .visitorEditor{
     display: flex;
     align-items: center;
+}
+.visitorSendBtn{
+    margin-right: 2px;
 }

static/templates/chat_page.html

@@ -39,16 +39,15 @@
         </div>
         <div class="chatBoxSend">
             <div class="iconBtns">
-                <div class="icono-smile visitorFaceBtn"></div>
-                <div class="icono-image visitorImageBtn" id="uploadImg" v-on:click="uploadImg('/uploadimg')"></div>
-                <div class="icono-folder visitorFolderBtn" id="uploadFile" v-on:click="uploadFile('/uploadfile')"></div>
-                <div class="icono-comment visitorHistoryBtn"  v-on:click="getMesssagesByVisitorId(true)"></div>
+                <div class="icono-smile visitorIconBtns visitorFaceBtn"></div>
+                <div class="icono-image visitorIconBtns visitorImageBtn" id="uploadImg" v-on:click="uploadImg('/uploadimg')"></div>
+                <div class="icono-folder visitorIconBtns visitorFolderBtn" id="uploadFile" v-on:click="uploadFile('/uploadfile')"></div>
                 <div class="clear"></div>
             </div>
             <div class="visitorEditor">
                 <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-button :disabled="sendDisabled||messageContent==''" v-on:click="chatToUser" type="success" size="small"><{flyLang.sent}></el-button>
+                <el-button class="visitorSendBtn" :disabled="sendDisabled||messageContent==''" v-on:click="chatToUser" type="success" size="small"><{flyLang.sent}></el-button>
             </div>
             <div class="faceBox visitorFaceBox">
                 <ul class="faceBoxList">
@@ -57,7 +56,7 @@
                 <div class="clear"></div>
             </div>
             <div class="footContact clear">
-                <a href="https://github.com/taoshihan1991/go-fly" target="_blank">GO-FLY0.4.2开源客服系统</a>
+                <a href="https://github.com/taoshihan1991/go-fly" target="_blank">智能在线客服系统版权所有 © 2020-2022</a>
             </div>
         </div>
         <!--//客服代码-->