From d906fac8abf514a140046bd260744b0605ef4e04 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期二, 28 十二月 2021 13:39:30 +0800
Subject: [PATCH] #
---
views/index.html | 62 ++++++++++++++++++++++++------
1 files changed, 49 insertions(+), 13 deletions(-)
diff --git a/views/index.html b/views/index.html
index ceca883..46a03a1 100644
--- a/views/index.html
+++ b/views/index.html
@@ -9,10 +9,12 @@
<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/data/ConveyData.js"></script>
<script type="text/javascript" src="../static/js/object/Cube.js"></script>
<script type="text/javascript" src="../static/js/object/StoreArea.js"></script>
<script type="text/javascript" src="../static/js/object/Store.js"></script>
@@ -40,7 +42,7 @@
<div id="mask" class="mask"></div>
<div id="title-box" class="title-box">
- <div id="title" class="title"><i>A</i><i> </i><i>S</i><i> </i><i>/</i><i> </i><i>R</i><i> </i><i>S</i><i> </i><i>-</i><i> </i><i>W</i><i> </i><i>C</i><i> </i><i>S</i></div>
+ <div id="title" class="title"><i>A</i><i>S</i><i> </i><i>/</i><i> </i><i>R</i><i>S</i><i> </i><i>-</i><i> </i><i>W</i><i> </i><i>C</i><i> </i><i>S</i></div>
<div class="say">
<p>鑷姩鍖栦粨搴撴帶鍒剁郴缁燂紝鏄粙浜嶹MS鍜孭LC涔嬮棿鐨勪竴灞傜鐞嗘帶鍒剁郴缁�</p>
<p>鍙互鍗忚皟鍚勭鐗╂祦璁惧濡傝緭閫佹満銆佸爢鍨涙満銆佺┛姊溅浠ュ強鏈哄櫒浜恒�佽嚜鍔ㄥ寮曞皬杞︾瓑鐗╂祦璁惧涔嬮棿鐨勮繍琛�</p>
@@ -69,6 +71,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>
@@ -89,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;
@@ -96,10 +127,11 @@
var speedDom = document.getElementById("speed");
var timer = setInterval(function () {
if (percent < 100.00) {
- // percent += 0.04;
- percent += 1;
+ percent += 0.02;
+ // percent += 1;
speedDom.innerText = percent.toFixed(2);
} else {
+ speedDom.innerText = '100.00';
if (!hasClass(shipInfoBtn, "show")) {
addClass(shipInfoBtn, "show")
clearInterval(timer);
@@ -108,17 +140,21 @@
}, 1);
$(document).on('click','.btn-word', function () {
- fullScreen()
- $("#mask").fadeOut(3000, function () {
+ // fullScreen()
+ $("#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);
- setTimeout(function () {
- $("#title-box").removeClass("show");
- }, 5000);
+ if (window.screen.width > 600) {
+ $("#ship-info-btn .btn-word").text("浣撻獙璋冨害涓栫晫");
+ $("#ship-info-btn").data("type", 2).addClass("show");
+ $("#ship-info-btn #btn-lock").css("z-index", "10");
+ }
+ $("#menu li").css("transition", "all 200ms !important");
+ setTimeout(function () {
+ removeClass(document.getElementById("title-box"), "show");
+ }, 10000);
+ }, 1000); // 1000
});
$("#title-box, #logo").addClass("show");
$("#ship-info-btn").removeClass("show");
--
Gitblit v1.9.1