访客端样式

static/css/common.css

@@ -299,11 +299,11 @@
 }
 .chatBox .el-col{margin:10px 0;}
 .chatUser{
-    line-height: 24px;
     font-size: 12px;
     white-space: nowrap;
     color: #999;
     text-align: left;
+    margin-top: -15px;
 }
 .chatContent{
     background-color: rgb(255,255,255);
@@ -314,7 +314,6 @@
     position: relative;
     border-radius: 5px;
     display: inline-block;
-    margin-left: 6px;
     line-height: 21px;
     font-size: 14px;
 }
@@ -370,7 +369,7 @@
 .chatBoxSendBtn{float: right;margin: 12px 4px 0 0;}
 .footContact{text-align: center;}
 .footContact a{font-size: 12px;color: #999;text-decoration: none;}
-.chatTime{text-align: center;color: #bbb;margin: 5px 0;font-size: 12px;}
+.chatTime{text-align: center;color: #bbb;margin: 12px 0;font-size: 12px;}
 .chatTimeHide{display: none;}
 .visitorInfo .el-menu-item{
     font-size: 12px;

static/html/chat_page.html

@@ -39,7 +39,7 @@
                 </el-alert>
                 <el-row :gutter="2" v-for="v in msgList" v-bind:class="{'chatBoxMe': v.is_kefu==true}">
                     <div class="chatTime" v-bind:class="{'chatTimeHide': v.show_time==false}"><{v.time}></div>
-                    <el-col :span="3"><el-avatar :src="v.avator"></el-avatar></el-col>
+                    <el-col :span="3"><el-avatar shape="square" :src="v.avator"></el-avatar></el-col>
                     <el-col :span="21">
                         <div class="chatUser"><{v.name}></div>
                         <div class="chatContent" v-html="v.content"></div>