#

luxiaotao1123

2021-12-30 5f657f43d16adf91de8254e02b4a0ee5ecc9d46b

#

 static/css/main.css

@@ -2,7 +2,8 @@
    /*定位*/
    position: absolute;
    top: 51%;
    left: 1%;
    left: -20%;
    /*left: 1%;*/
    transform: translateY(-50%);
    width: 20%;
    height: 90%;
@@ -104,8 +105,8 @@
.task-confirm {
    float: right;
    width: 20%;
    background-color: #eaeaea;
    box-shadow: 2px 5px 10px rgb(193, 193, 193) inset;
    background-color: #353B43;
    /*box-shadow: 2px 5px 10px rgb(193, 193, 193) inset;*/
    border-radius: 50px;
    text-align: center;
    height: 40px;
@@ -115,14 +116,14 @@
    transition:all 300ms;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 50% 50%;;
    background-size: 40% 55%;;
    background-position-x: center;
    background-position-y: center;
    background-image: url("../img/out_btn.png");
    /*background-image: linear-gradient(to bottom, red , yellow);*/
}
.task-confirm:hover {
    opacity: 0.9;
    opacity: 0.8;
}



 static/js/app.js

@@ -83,7 +83,7 @@
            // this.renderer.toneMapping = THREE.CineonToneMapping;    // 色调
            this.renderer.setSize(window.innerWidth, window.innerHeight);
            this.renderer.setPixelRatio( window.devicePixelRatio );
            this.renderer.shadowMap.enabled = true;
            this.renderer.shadowMap.enabled = false;
            this.renderer.shadowMap.type = THREE.BasicShadowMap;
            this.dom = document.getElementById("container");
            this.dom.appendChild(this.renderer.domElement);

 views/index.html

@@ -234,8 +234,8 @@
    var speedDom = document.getElementById("speed");
    var timer = setInterval(function () {
        if (percent < 100.00) {
            // percent += 0.02;
            percent += 1;
            percent += 0.04;
            // percent += 1;
            speedDom.innerText = percent.toFixed(2);
        } else {
            speedDom.innerText = '100.00';
@@ -248,7 +248,8 @@

    $(document).on('click','.btn-word', function () {
        fullScreen();
        $("#mask").fadeOut(1, function () {  // 3000
        $("#mask").fadeOut(3000, function () {  // 3000
            $('#sidebar-btn').show();
            $("#menu").addClass("show");
            setTimeout(function () {
                $("#ship-type-ul").css("transform", "translateY(-40px)");
@@ -256,13 +257,12 @@
                    $("#ship-info-btn .btn-word").text("体验调度世界");
                    $("#ship-info-btn").data("type", 2).addClass("show");
                    $("#ship-info-btn #btn-lock").css("z-index", "10");
                    $('#sidebar-btn').show();
                }
                $("#menu li").css("transition", "all 200ms !important");
                setTimeout(function () {
                    removeClass(document.getElementById("title-box"), "show");
                }, 10000);
            }, 1);   // 1000
                }, 5000);
            }, 1000);   // 1000
        });
        $("#title-box, #logo").addClass("show");
        $("#ship-info-btn").removeClass("show");