修改样式

readme.md

@@ -190,7 +190,62 @@ server{
         }
 }
 ```
+### 宝塔部署
+
+原文地址：https://www.zqcnc.cn/post/99.html
+
+#### 宝塔环境
+1. 创建一个静态站点，地址为想要访问的域名
+![](https://i.aweoo.com/imgs/2021/03/9662692b88b802f9.png)
+2. 为该站点配置证书
+![](https://i.aweoo.com/imgs/2021/03/9c2f91a215d37b2f.png)
+3. 设置反向代理
+![](https://i.aweoo.com/imgs/2021/03/61cdce0167949ff4.png)
+4. 修改反代配置
+![](https://i.aweoo.com/imgs/2021/03/2a5aa9783afa9a19.png)
+**按照图示，将对应代码加入到配置文件中**
+```shell
+#PROXY-START/
+location  ~* \.(php|jsp|cgi|asp|aspx)$
+{
+	add_header Access-Control-Allow-Origin *;
+	add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
+    proxy_pass http://127.0.0.1:8081;
+	proxy_http_version 1.1;
+    proxy_set_header Host $host;
+    proxy_set_header X-Real-IP $remote_addr;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header REMOTE-HOST $remote_addr;
+    
+	proxy_set_header Upgrade $http_upgrade;
+	proxy_set_header Connection "upgrade";
+	proxy_set_header Origin "";
+}
+location /
+{
+	add_header Access-Control-Allow-Origin *;
+	add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
+    proxy_pass http://127.0.0.1:8081;
+	proxy_http_version 1.1;
+    proxy_set_header Host $host;
+    proxy_set_header X-Real-IP $remote_addr;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header REMOTE-HOST $remote_addr;
     
+	proxy_set_header Upgrade $http_upgrade;
+	proxy_set_header Connection "upgrade";
+	proxy_set_header Origin "";
+    
+    add_header X-Cache $upstream_cache_status;
+    
+    #Set Nginx Cache
+    
+    	add_header Cache-Control no-cache;
+    expires 12h;
+}
+
+#PROXY-END/
+```
 ### 更新日志
 
 ##### V0.3.2

static/css/common.css

@@ -409,4 +409,9 @@
     position: relative;
     margin-top: 4px;
 }
+.kefuFuncBox{
+    position: absolute;
+    bottom: 64px;
+    width: 100%;
+}
 .clear{clear:both;}

static/html/chat_main.html

@@ -16,9 +16,9 @@
         .el-row{width:100%}
         .chatBg{background: #fff;border: solid 1px #e6e6e6;overflow: hidden;}
         .chatLeft{height:100%;margin-left: 4px;overflow:auto;}
-        .sw-bg{background: #fff;border: solid 1px #e6e6e6;boder-top:none;padding:5px 10px;}
+        .sw-bg{background: #fff;border: solid 1px #e6e6e6;boder-top:none;}
         .chatBgContext .el-row{margin-bottom: 5px;}
-        .chatBgContext{position: relative;height: 100%;}
+        .chatBgContext{position: relative;height: 100%;width: 100%;}
         .chatUser{
             line-height: 24px;
             font-size: 12px;
@@ -27,7 +27,7 @@
         }
         .chatBoxMe .el-col-3{float: right;text-align: right;}
         .chatBoxMe .chatUser{text-align: right}
-        .chatBox{height: 340px;overflow-y: auto;overflow-x: hidden;}
+        .chatBox{width: 100%;height:70%;position: absolute;top: 75px;overflow-y: auto;overflow-x: hidden;}
         .chatTime{text-align: center;color: #bbb;margin: 5px 0;font-size: 12px;}
         .funcBtns{margin: 2px 0px;color: #7f7f7f;border-bottom: 1px solid #e6e6e6;font-size: 12px;padding: 5px 0px;}
     </style>
@@ -99,6 +99,7 @@
                                 </el-col>
                             </el-row>
                         </div>
+                        <div class="kefuFuncBox">
                             <el-alert
                                     v-show="chatInputing!=''"
                                     :closable="false"
@@ -120,6 +121,7 @@
                             <div class="clear"></div>
                             <el-input type="textarea" class="chatArea" v-model="messageContent"  v-on:keyup.enter.native="chatToUser"  placeholder="请输入内容"></el-input>
                         </div>
+                    </div>
                 </el-col>
                 <el-col :span="6" class="chatRight">
                     <div   class="chatBg">