Ver código fonte

add:查询过程加载loading图片

tujidelv 3 anos atrás
pai
commit
648fe422e4

+ 9 - 0
src/main/resources/static/css/my.css

@@ -91,4 +91,13 @@ body {
     margin-left: 40px;
     margin-top: 40px;
 }
+.loading {
+    display: none;
+    position: absolute;
+    z-index: 999;
+    margin: auto;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
 

+ 1 - 0
src/main/resources/static/index.html

@@ -73,6 +73,7 @@
         </div>
         <!-- 筛选 -->
         <div class="myui-panel myui-panel-bg clearfix">
+            <div class="text-center loading"><img src='cover/loading.gif'></div>
             <div class="myui-panel-box clearfix">
                 <div class="myui-panel_bd">
                     <ul class="myui-vodlist clearfix">

+ 2 - 0
src/main/resources/static/js/my.js

@@ -203,9 +203,11 @@ function search(pageNo) {
         },
         beforeSend: function () {
             //请求前的处理
+            $(".loading").css("display","block");
         },
         complete: function () {
             //请求完成的处理
+            $(".loading").css("display","none");
         },
         error: function (errorData) {
             //请求出错处理