Преглед изворни кода

引导页后增加一个海报页

wolftooth пре 5 година
родитељ
комит
91e3346b4d

+ 25 - 0
minigame/WebContent/css/main.css

@@ -617,12 +617,37 @@ img {
             transform: translate(0, -50%); }
 
 .warp {
+  display:none;
   width: 10rem;
   margin: 0 auto;
   position: relative;
   height: 100vh;
   background: url(../img/loading/bg.jpg) no-repeat 0 0/cover; }
 
+.loading2 {
+  display:none;
+  position: fixed;
+  top: 0;
+  left: 50%;
+  width: 10rem;
+  height: 100vh;
+  margin-left: -5rem;
+  background: url(../img/loading/bg.jpg) no-repeat 0 0/cover;
+  z-index: 100;
+  /*display: none;*/ }
+  .loading2 .curtain-box2 {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 10.42188rem;
+    height: 14.04688rem;
+    margin-left: -5.21094rem;
+    background: url(../img/loading/bg21.png) no-repeat 0 0/100% auto;
+    -webkit-transform: translate(0, -50%);
+       -moz-transform: translate(0, -50%);
+        -ms-transform: translate(0, -50%);
+         -o-transform: translate(0, -50%);
+            transform: translate(0, -50%); }
 .loading {
   position: fixed;
   top: 0;

BIN
minigame/WebContent/img/loading/bg21.png


+ 7 - 1
minigame/WebContent/index.html

@@ -44,6 +44,12 @@
         </div>
     </div>
 </div>
+    <div class="loading2">
+        <div class="curtain-box2">
+            <div class="txt rubberBand time6">
+            </div>
+        </div>
+    </div>
 <!-- 主内容 -->
 <div class="warp">
     <!-- 选择菜 -->
@@ -151,7 +157,7 @@
 <script src="./js/wechat.js"></script>
 <script src="./assets.js?v=2"></script>
 <script src="./js/music.js?v=1"></script>
-<script src="./js/main.js?v=7"></script>
+<script src="./js/main.js?v=8"></script>
 <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
 <!-- 必须加在微信api资源 -->
 <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

+ 8 - 1
minigame/WebContent/js/main.js

@@ -89,7 +89,14 @@ function handleComplete(evt, comp) {
     }
     var exportRoot = new lib.assets();
     $(".loading").fadeOut(function(){
-        $(".select-dish-box").find(".animated").removeClass("js-an");
+        // $(".select-dish-box").find(".animated").removeClass("js-an");
+        $(".loading2").show();
+        $(".loading2").on("touchend",function(){
+            $(".loading2").fadeOut(function(){
+                $(".warp").show();
+                $(".select-dish-box").find(".animated").removeClass("js-an");
+            });
+        });
     });
 
 

BIN
minigame/WebContent/sound/1.mp3