From 81c0e8c2401839a4fe8c7844596074f8a01f0352 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=B6=E5=A3=AB=E6=B6=B5?= <630892807@qq.com>
Date: Sun, 27 Sep 2020 22:10:23 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/common.css      | 41 +++++++++++++++++++++++++++++++++++++-
 static/html/chat_page.html |  6 ++----
 2 files changed, 42 insertions(+), 5 deletions(-)

diff --git a/static/css/common.css b/static/css/common.css
index 0f5c14c..aaf8e02 100644
--- a/static/css/common.css
+++ b/static/css/common.css
@@ -1,6 +1,43 @@
 *{padding:0;margin:0}
 .floatRight{float: right;}
 .clear{clear: both;}
+::-webkit-scrollbar
+{
+    width: 5px;
+    height: 110px;
+    background-color: #F5F5F5;
+}
+/*定义滚动条轨道 内阴影+圆角*/
+::-webkit-scrollbar-track
+{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+    border-radius: 10px;
+    background-color: #F5F5F5;
+}
+/*定义滑块 内阴影+圆角*/
+::-webkit-scrollbar-thumb
+{
+    border-radius: 10px;
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+    background-color: #bdbdbd;
+}
+/*滑块效果*/
+::-webkit-scrollbar-thumb:hover
+{
+    border-radius: 5px;
+    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.4);
+}
+/*IE滚动条颜色*/
+html {
+    scrollbar-face-color:#bfbfbf;/*滚动条颜色*/
+    scrollbar-highlight-color:#000;
+    scrollbar-3dlight-color:#000;
+    scrollbar-darkshadow-color:#000;
+    scrollbar-Shadow-color:#adadad;/*滑块边色*/
+    scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜色*/
+    scrollbar-track-color:#eeeeee;/*背景颜色*/
+}
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     font-family: inherit;
     font-weight: 500;
@@ -251,11 +288,13 @@
     margin-bottom: 105px;
 }
 .chatBox{
-    /*max-height: 600px;*/
     /*overflow-y: auto;*/
     overflow-x: hidden;
     /*margin-bottom: 80px;*/
 }
+.chatVisitorPage .chatBox{
+    min-height: 550px;
+}
 .chatBox .el-col{margin:10px 0;}
 .chatUser{
     line-height: 24px;
diff --git a/static/html/chat_page.html b/static/html/chat_page.html
index 7784525..2e6be20 100644
--- a/static/html/chat_page.html
+++ b/static/html/chat_page.html
@@ -12,11 +12,9 @@
     <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
     <!-- Bootstrap core CSS -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-    <link rel="stylesheet" href="/static/css/common.css?v=0.1.3" />
+    <link rel="stylesheet" href="/static/css/common.css?v=0.2.2" />
     <style>
-        html,
         body {
-            height: 100%;
             background: #fff;
         }
     </style>
@@ -26,7 +24,7 @@
 <div id="app"  class="chatCenter">
     <template>
         <!--客服代码-->
-        <div class="chatContext">
+        <div class="chatContext chatVisitorPage">
             <div class="chatBox">
                 <el-alert
                         style="margin-bottom: 10px;font-size: 12px;"