# ycq

whycq

2022-05-31 4cc10691cd2197f72c205723a642a62478c33273

# ycq

 src/main/webapp/static/css/render.css

@@ -12,7 +12,6 @@
    width: 100%;
    background-color: rgb(108,167,168);
}

.head {
    height: 10%;
    width: 100%;
@@ -84,14 +83,55 @@

.floorBtn {
    position: absolute;
    /*border: 1px solid rgb(108, 167, 168);*/
    top: 10px;
    color: #000000;
    border-radius: 5px;
    left: 1750px;
    width: 90px;
    height: 40px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 5px;
    cursor:pointer;
    transition: all 0.3s ease;
    font-family: 'Lato', sans-serif;
    background: transparent;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1),
    4px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
/* 16 */
.btn-16 {
    border: none;
    color: #fff;
}
.btn-16:after {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    direction: rtl;
    z-index: -1;
    box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002,
    4px 4px 5px 0px #0001;
    transition: all 0.3s ease;
}
.btn-16:hover {
    color: #323131;
}
.btn-16:hover:after {
    left: auto;
    right: 0;
    width: 100%;
}
.btn-16:active {
    top: 2px;
}






/*操作显示栏*/
#body {

 src/main/webapp/views/render.js

@@ -1435,9 +1435,9 @@
        let stnss = areas[i].stns
        let floor = areas[i].text
        floorId = areas[i].id
        var position = (i+5)*100
        var position = (i+1)*100
        floorBtn =
            "<button class='floorBtn' onclick='changFloor("+i+")' style='left: "+position+"px;'>" + floor +"</button>"
            "<button class='floorBtn btn-16' onclick='changFloor("+i+")' style='top: "+position+"px;'>" + floor +"</button>"
        floorBtnss =  floorBtnss + floorBtn
        // 每层的 输送线站点
        var index = i

 src/main/webapp/views/test.html

@@ -14,31 +14,32 @@
<script>
    // var abc = 1
    var i ;
    i="10"
    i=0
    var a = true
    setInterval(()=>{
        addI();
    },1000)
    function addI() {
        if (a) {
            console.log("正在打印"+i++)
            $("#ycq").html(i++)

        }else {
            return;
        }
    }
    $("#ycq").html(i)
    // $("#ycq").html(i)

    function alt(e) {
        alert(e)
    }


    var arr=[]; //批量定义
    for(var i=0;i<5;i++){
        var index=i;  //动态定义变量名
        arr[index]='value-'+i;  //动态赋值
    }
    console.log(arr);
    // var arr=[]; //批量定义
    // for(var i=0;i<5;i++){
    //     var index=i;  //动态定义变量名
    //     arr[index]='value-'+i;  //动态赋值
    // }
    // console.log(arr);