loading样式

src/main/ui/static/payment/partner/templates/contract_for_compliance.html

@@ -36,6 +36,9 @@
         width: 400px;
     }
 
+    .load-class{
+        left: 40%;top: 30%;
+    }
     @media (min-width:100px) and (max-width:399px){
         #img1,#img2{width: 60px;height: 45px;}
         *{font-size:1px;}
@@ -51,6 +54,9 @@
         .loading-tip-class{
             width: 200px;
         }
+        .load-class{
+            left: 30%;top: 30%;
+        }
     }
     @media (min-width:400px) and (max-width:799px){
         #img1,#img2{width: 160px;height: 75px;}
@@ -67,6 +73,9 @@
         .loading-tip-class{
             width: 200px;
         }
+        .load-class{
+            left: 33%;top: 30%;
+        }
     }
     @media (min-width:800px) and (max-width:1024px) {
         #img1,#img2{width: 190px;height: 85px;}
@@ -83,6 +92,9 @@
         .loading-tip-class{
             width: 200px;
         }
+        .load-class{
+            left: 36%;top: 30%;
+        }
     }
     @media (min-width:1025px) and (max-width:1440px) {
         #img1,#img2{width: 260px;height: 105px;}
@@ -99,6 +111,9 @@
         .loading-tip-class{
             width: 300px;
         }
+        .load-class{
+            left: 38%;top: 30%;
+        }
     }
     @media (min-width:1441px) and (max-width:1600px){
         #img1,#img2{width: 341px;height: 157px;}
@@ -115,6 +130,9 @@
         .loading-tip-class{
             width: 350px;
         }
+        .load-class{
+            left: 39%;top: 30%;
+        }
     }
 
 </style>
@@ -146,7 +164,7 @@
                         <button class="btn-warning return-class" ui-sref="basic.compliance_to_perfect"><i class="fa fa-reply"></i> Return</button>
                     </div>
 
-                    <div style="z-index: 9999; position: fixed ! important; left: 40%;top: 30%;" >
+                    <div style="z-index: 9999; position: fixed ! important;"class="load-class" >
                         <div style="text-align:center">
                             <img id="waiting" class="loading-class" src=""  oncontextmenu="return false;" onselectstart="return false;"/>
                             <p id="tip"style="display:none;color: white;font-size: 150%;" class="loading-tip-class">The contract is in the process of being made</p>