增加响应式设计

4 years ago · 712ddbce0a
parent c041df0b2a
commit 712ddbce0a
3 changed files with 9 additions and 2 deletions
--- a/static/html/chat_page.html
+++ b/static/html/chat_page.html
@ -75,6 +75,7 @@
        .chatArea{float: left;width: 76%;margin: 4px 0 0 4px;}
        .btnArea{width: 20%;float: right;}
        @media screen and (max-width: 500px) {
+            body{background: #fff}
            .chatArea {width: 65%;}
            .btnArea{width: 30%;}
        }
--- a/static/html/login.html
+++ b/static/html/login.html
@ -1,7 +1,7 @@
 <html lang="cn">
 <head>
    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="陶士涵">
    <title>GO-FLY客服系统登录页</title>
@ -43,11 +43,12 @@
        .signin .copyright{
            font-size: 12px;
        }
-        @media (max-width: 500px) {
+        @media (max-width: 768px) {
            .signin{
                width: 90%;
                margin:40px auto;
                background-color: #f5f5f5;
+                box-shadow:none;
            }
        }
    </style>
--- a/static/js/gofly-front.js
+++ b/static/js/gofly-front.js
@ -1,6 +1,11 @@
 var launchButtonFlag=false;
 $("#launchButton").click(function() {
    if (launchButtonFlag) return;
+    var width=$(window).width();
+    if(width<768){
+        window.open(GOFLY_URL+'/chatIndex?refer='+window.location.host);
+        return;
+    }
    layer.open({
        type: 2,
        title: "Chat with us",