parent: 901f745a | 补丁 | 提交 | ignore whitespace
#
whycq
2021-12-10 21960efad00f7901bfc1e4fb6eda51daf286f3a3 
#
1个文件已修改
64 ■■■■■ 已修改文件
views/index.html 64 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 
 views/index.html


@@ -17,6 +17,46 @@


            canvas {


                display: block;


            }


            #btn1 {


                background-color: #4CAF50; /* Green */


                border: none;


                color: white;


                padding: 15px 32px;


                text-align: center;


                text-decoration: none;


                display: inline;


                font-size: 16px;


                position: absolute;


                left: 1500px;


            }


            #btn2 {


                position: absolute;


                top: 45%;


                left: 100%;


                transform: translateY(50%);


                width: 10%;


                height: 10%;


                background: rgba(255,255,255,0.3);


                border: none;


                color: white;


                /*padding: 15px 32px;*/


                text-align: center;


                text-decoration: none;


                /*display: none;*/


                font-size: 16px;


                border-radius: 0px 5px 5px 0px;


            }


            #btn2_m{


                position: absolute;


                top: 45%;


                left: 100%;


                transform: translateY(50%);


                width: 10%;


                height: 10%;


                border-radius: 0px 5px 5px 0px;


                background: rgba(143, 200, 227, 0.2);


                backdrop-filter: blur(1px);


            }


            #maoboli {


                position: absolute;


                top: 50%;


@@ -27,6 +67,7 @@


                background: rgba(143, 200, 227, 0.2);


                border-radius: 5px;


                backdrop-filter: blur(1px);


                /*display: none;*/


            }


            #sidebar{


                /*定位*/


@@ -40,6 +81,7 @@


                background: rgba(255,255,255,0.3);


                border-radius: 5px;


                color: #ffffff;


                /*display: none;*/


            }


            #sidebar p1{


                height: 24px;


@@ -63,7 +105,6 @@


                margin-top: 7px;


                transform: scale(0.8,0.8);


            }




            #baobiao1{


                width: 99%;


                height: 280px;


@@ -124,13 +165,16 @@


    </head>


    <body style="position: relative">


        <div id="maoboli"></div>


        <button id="btn1" onclick="btn1()">展开</button>


        <div id="sidebar">


            <p1>中扬-智能立体仓库</p1>


            <p2>ZhongYang Intelligent Three-Dimensional Warehouse</p2>


            <div id="baobiao1"></div>


            <div id="baobiao2"></div>


            <div class="tablebox">


            <div id="btn2_m"></div>


            <button id="btn2" onclick="btn2()">隐藏</button>




            <div class="tablebox">


                <div class="tbl-header">


                    <table border="0" cellspacing="0" cellpadding="0" >


                        <thead>


@@ -144,7 +188,6 @@


                        <tbody style="opacity:0;" ></tbody>


                    </table>


                </div>




                <div class="tbl-body">


                    <table border="0" cellspacing="0" cellpadding="0">


                        <thead>


@@ -515,5 +558,20 @@






        </script>


        <script>


            function btn1() {


                $('#sidebar').show(300);


                $('#maoboli').show(300);


                // $('#btn1').hide(300);


                $('#btn2').show(300);


            }


            function btn2() {


                $('#sidebar').hide(300);


                $('#maoboli').hide(300);


                // $('#btn2').hide(300);


                // $('#btn1').show(300);




            }


        </script>


    </body>


</html>