dos

Public/static/css/index.css

@@ -77,6 +77,18 @@ input::-webkit-input-placeholder {
   height: 0;
 }
 
+/* loading-page */
+.loading-img {
+  width: 100%;
+  height: 100%;
+}
+
+.loading-text {
+  text-align: center;
+  color: #c30101;
+  font-size: 1.6rem;
+}
+
 /* home-page */
 
 .home-page {

Public/static/js/common.js

@@ -47,19 +47,18 @@ if ($('div').length > 0) {
         }
     });
 }
-$('.home-page').fadeIn(300);
-$('.home-page .candle-block').addClass('animate');
-$('.home-page .btn-next').addClass('animate');
-
 
+$('.loading-page .loading-gif-block').append('<img class="loading-gif" src="' + picUrl + 'loading.gif" />');
+$('.loading-page').show();
 preloadimages(preloadImageList, function () {
 
-    // showCountDownPage();
-    // $('.poster-page').fadeIn(300);
+    $('.home-page').fadeIn(300);
+    $('.home-page .candle-block').addClass('animate');
+    $('.home-page .btn-next').addClass('animate');
 
 
 }, function (progress) {
-
+    $('.loading-page .loading-text').text(Math.floor(progress * 100) + '%');
 });
 
 const flag = [