From d432010a8d85511198b5c8b26313ac5486bb22f1 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期四, 23 十二月 2021 13:51:52 +0800
Subject: [PATCH] #

---
 views/index.html |   39 +++++++++++++++++++++++++++++++++++----
 1 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/views/index.html b/views/index.html
index dd1d0ec..afad293 100644
--- a/views/index.html
+++ b/views/index.html
@@ -9,10 +9,10 @@
     <link rel="stylesheet" href="../static/css/index.css">
     <link rel="stylesheet" href="../static/css/loader.css" media="all">
     <script type="text/javascript" src="../static/js/lib/jquery-3.3.1.min.js"></script>
+    <script type="text/javascript" src="../static/js/data/Asrs.js"></script>
     <script type="text/javascript" src="../static/js/lib/echarts.min.js"></script>
     <script type="text/javascript" src="../static/js/utils.js"></script>
     <script type="text/javascript" src="../static/js/common.js"></script>
-    <script type="text/javascript" src="../static/js/data/Asrs.js"></script>
     <script type="text/javascript" src="../static/js/data/BuildingData.js"></script>
     <script type="text/javascript" src="../static/js/object/Cube.js"></script>
     <script type="text/javascript" src="../static/js/object/StoreArea.js"></script>
@@ -70,6 +70,20 @@
     </div>
     <div id="control-remind" class="remind">鎮ㄧ幇鍦ㄥ彲浠ヨ嚜鐢辩Щ鍔ㄨ瑙�</div>
 </div>
+<ul class="menu" id="menu">
+    <li id="menu-w">
+        <div><div>涓�</div></div>
+    </li>
+    <li id="menu-m">
+        <div><div>宸�</div></div>
+    </li>
+    <li id="menu-t">
+        <div><div>淇�</div></div>
+    </li>
+    <li id="menu-b">
+        <div><div>杩�</div></div>
+    </li>
+</ul>
 
 
 <div id="container"></div>
@@ -91,6 +105,21 @@
         document.getElementById("ship-type-ul").style.transform = 'translateY(-60px)';
     }, false);
 
+    document.getElementById("menu-w").addEventListener('click', function () {
+        player.mainView();
+    }, false);
+
+    document.getElementById("menu-m").addEventListener('click', function () {
+        player.leftView();
+    }, false);
+
+    document.getElementById("menu-t").addEventListener('click', function () {
+        player.verticalView();
+    }, false);
+
+    document.getElementById("menu-b").addEventListener('click', function () {
+        player.backlView();
+    }, false);
 </script>
 <script>
     var percent = 0;
@@ -98,7 +127,7 @@
     var speedDom = document.getElementById("speed");
     var timer = setInterval(function () {
         if (percent < 100.00) {
-            percent += 0.03;
+            percent += 0.02;
             // percent += 1;
             speedDom.innerText = percent.toFixed(2);
         } else {
@@ -112,13 +141,15 @@
 
     $(document).on('click','.btn-word', function () {
         fullScreen()
-        $("#mask").fadeOut(3000, function () {
+        $("#mask").fadeOut(3000, function () {  // 3000
+            $("#menu").addClass("show");
             setTimeout(function () {
                 $("#ship-type-ul").css("transform", "translateY(-40px)");
                 $("#ship-info-btn .btn-word").text("浣撻獙璋冨害涓栫晫");
                 $("#ship-info-btn").data("type", 2).addClass("show");
                 $("#ship-info-btn #btn-lock").css("z-index", "10");
-            }, 1000);
+                $("#menu li").css("transition", "all 200ms !important");
+            }, 3000);   // 1000
         });
         $("#title-box, #logo").addClass("show");
         $("#ship-info-btn").removeClass("show");

--
Gitblit v1.9.1