修改样式

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,26 +99,28 @@
                                 </el-col>
                             </el-row>
                         </div>
-                        <el-alert
-                                v-show="chatInputing!=''"
-                                :closable="false"
-                                show-icon
-                                :title="chatInputing"
-                        >
-                        </el-alert>
-                        <div class="iconBtnsBox">
-                            <div class="faceBox kefuFaceBox">
-                                <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>
-                                </ul>
-                                <div class="clear"></div>
+                        <div class="kefuFuncBox">
+                            <el-alert
+                                    v-show="chatInputing!=''"
+                                    :closable="false"
+                                    show-icon
+                                    :title="chatInputing"
+                            >
+                            </el-alert>
+                            <div class="iconBtnsBox">
+                                <div class="faceBox kefuFaceBox">
+                                    <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>
+                                    </ul>
+                                    <div class="clear"></div>
+                                </div>
+                                <div class="faceBtn"></div>
+                                <div class="imageBtn" id="uploadImg" v-on:click="uploadImg('/uploadimg')"></div>
+                                <el-button :disabled="sendDisabled" size="small" class="floatRight" type="primary" v-on:click="chatToUser">发送</el-button>
                             </div>
-                            <div class="faceBtn"></div>
-                            <div class="imageBtn" id="uploadImg" v-on:click="uploadImg('/uploadimg')"></div>
-                            <el-button :disabled="sendDisabled" size="small" class="floatRight" type="primary" v-on:click="chatToUser">发送</el-button>
+                            <div class="clear"></div>
+                            <el-input type="textarea" class="chatArea" v-model="messageContent"  v-on:keyup.enter.native="chatToUser"  placeholder="请输入内容"></el-input>
                         </div>
-                        <div class="clear"></div>
-                        <el-input type="textarea" class="chatArea" v-model="messageContent"  v-on:keyup.enter.native="chatToUser"  placeholder="请输入内容"></el-input>
                     </div>
                 </el-col>
                 <el-col :span="6" class="chatRight">