Home Explore Help
Register Sign In
chenzhiguang
/
scene_wisdom
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

5

xzw 4 years ago
parent
b35b5d4e50
commit
811def7cea
3 changed files with 81 additions and 4 deletions
Split View Show Diff Stats
  1. 64 0
      css/main.css
  2. 9 1
      index.html
  3. 8 3
      js/main_2020_show.js

+ 64 - 0
css/main.css
View File 

@@ -7240,3 +7240,67 @@ a.hasHover.tag-link:hover {
 
 #hotPannel .switch .mui-switch.mui-switch-anim:checked:before {
 
     transition: left 0.3s;
 
 }
 
+
 
+.waiting {
 
+    display: none;
 
+    height: 100%;
 
+    position: absolute;
 
+    width: 100%;
 
+    top: 0;
 
+    right: 0;
 
+    z-index: 9995;
 
+    flex-direction: column;
 
+    justify-content: center;
 
+    align-items: center;
 
+}
 
+.waiting .overlay{
 
+    position:fixed;
 
+    /* z-index: 9990; */
 
+    width:100%;
 
+    height:100%;
 
+    left: 0;
 
+    top: 0;
 
+    background: rgba(57, 57, 57, 0.76);
 
+}
 
+.waiting.showloading {
 
+    display: flex;
 
+}
 
+
 
+.waiting .spinner {
 
+    width:300px;
 
+    text-align: center;
 
+    display: flex;
 
+    display: -webkit-flex;
 
+    justify-content: center;
 
+    margin-top: -70px;
 
+    align-items: center;
 
+}
 
+
 
+.waiting .spinner > div {
 
+    width: 15px;
 
+    height: 15px;
 
+    background-color: #fff;
 
+    margin: 15px;
 
+    border-radius: 100%;
 
+    display: inline-block;
 
+    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
 
+    animation: bouncedelay 1.4s infinite ease-in-out;
 
+    /* Prevent first frame from flickering when animation starts */
 
+    -webkit-animation-fill-mode: both;
 
+    animation-fill-mode: both;
 
+}
 
+
 
+.waiting .spinner .bounce1 {
 
+    -webkit-animation-delay: -0.32s;
 
+    animation-delay: -0.32s;
 
+}
 
+
 
+.waiting .spinner .bounce2 {
 
+    -webkit-animation-delay: -0.16s;
 
+    animation-delay: -0.16s;
 
+}
 
+.waiting div.text{
 
+    margin-left: 10px;
 
+    letter-spacing:1px;
 
+    z-index: 9995;
 
+}

+ 9 - 1
index.html
View File 

@@ -52,7 +52,15 @@
 
 </head>
 
 
 <body>
 
-
 
+    <div class="waiting"> 
+        <div class="overlay"></div>
 
+        <div class="spinner">
 
+            <div class="bounce1"></div>
 
+            <div class="bounce2"></div>
 
+            <div class="bounce3"></div>
 
+        </div>
 
+        <div class="text">请等待...</div>
 
+    </div>
 
     <div id="hot"> 
     </div>
 
     <div id="hotPannel">

+ 8 - 3
js/main_2020_show.js
View File 

@@ -21,6 +21,7 @@ $("#hotPannel input.mui-switch").on('change',(e)=>{//灯
 
     })
 
 })
 
 var getAjax = function(url, success, errorString){
 
+    $(".waiting").addClass('showloading')
 
     $.ajax({//获取设备状态
 
       method: "GET",
 
       headers: {
 
@@ -31,9 +32,11 @@ var getAjax = function(url, success, errorString){
 
       url: url,
 
         success: (data)=> {
 
             success(data)
 
+            $(".waiting").removeClass('showloading')
 
         },
 
-        error:(e)=>{
 
+        error:(e)=>{ 
             alert(errorString)
 
+            $(".waiting").removeClass('showloading')
 
         }
 
     })
 
 }
 
@@ -15600,8 +15603,9 @@ window.Modernizr = function(n, e, t) {
 
             
             if(hardware && hardware.id!=void 0){ 
                 //获取设备状态
 
+                $(".waiting").addClass('showloading')
 
                 getDeviceInfo(hardware.id, (data)=>{
 
-                    hot.setDeviceStatus(data[0].status == 2)
 
+                    this.setDeviceStatus(data[0].status == 2)
 
                     
                     if(this.deviceStatus){//在线
 
                     
@@ -15790,9 +15794,10 @@ window.Modernizr = function(n, e, t) {
 
                                 
                             }
 
                         }, '获取数据失败')
 
-                
+                        
                 
                     }else{
 
+                        $(".waiting").removeClass('showloading')
 
                         alert('该设备不在线')
 
                     }