#

luxiaotao1123

2021-12-23 1c2e2a6d7f9e7b4f9f3d3ee34d700c4af2cb656e

 views/index.html

@@ -9,10 +9,11 @@
    <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>
    <script type="text/javascript" src="../static/js/object/Store.js"></script>
@@ -69,6 +70,17 @@
    </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>
</ul>


<div id="container"></div>
@@ -86,9 +98,21 @@
    document.getElementById("btn-lock").addEventListener('click', function () {
        player.lockControl();
        removeClass(document.getElementById("ship-info-btn"), "show");
        removeClass(document.getElementById("title-box"), "show");
        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);
</script>
<script>
    var percent = 0;
@@ -96,10 +120,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);
@@ -109,16 +134,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);
            setTimeout(function () {
                $("#title-box").removeClass("show");
            }, 5000);
                $("#menu li").css("transition", "all 200ms !important");
            }, 3000);   // 1000
        });
        $("#title-box, #logo").addClass("show");
        $("#ship-info-btn").removeClass("show");