修改加载效果

2023-03-18 13:52:27 +08:00
parent 964c085c19
commit e8b1d475e6
8 changed files with 98 additions and 28 deletions
--- a/message.html
+++ b/message.html
@@ -29,6 +29,13 @@
    </script>
 </head>
 <body class="mdui-theme-primary-indigo mdui-theme-accent-blue mdui-loaded" id="p-d">
+    <!-- loading start -->
+    <div id="loading">
+        <span>
+            <img src="Static\Gui\img\Moe.png"/>
+        </span>
+    </div>
+    <!-- loading end -->
    <div class="home-bodg"></div>

    <!--PC toolbar-->
@@ -160,8 +167,16 @@
    <script src="Static\mdui-v1.0.1\js\wow.min.js" type="text/javascript"></script>
    <script src="Static\bootstrap-4.6.2-dist\js\bootstrap.min.js" type="text/javascript"></script>
    <script>
-        // 初始化 WOW.js
-        new WOW().init();
+        $(window).on('load', function (callback)  {
+            $('body').css({overflow: 'hidden'});
+            setTimeout(function () {
+                $('body').css({overflow: 'auto'});
+                $('#loading').fadeOut(1000);
+                new WOW().init();
+                callback && callback();
+                clearTimeout(loadTimer);
+            }, 500);
+        });
    </script>
 </body>
 </html>