blame | 历史 | 补丁 | 提交 | 提交对比 | show whitespace
#
whycq
2021-12-10 21960efad00f7901bfc1e4fb6eda51daf286f3a3 
 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>