#

zjj

2024-11-29 bf411aee332eba93ce827ced5b3aa4c8250d81cc

 src/main/webapp/views/pda/index.html

@@ -4,6 +4,7 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, user-scalable=no"/>
    <title>PDA首页</title>
    <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
    <style>
        * {
            margin: 0;
@@ -18,6 +19,7 @@
        }
        body {
            height: 100%;
            /*overflow: hidden;*/
        }

        /* 导航 */
@@ -35,11 +37,11 @@
            border-right: 1px solid #f1f1f1; /*todo*/
        }
        .nav li a {
            font-size: 14px;
            letter-spacing: 2px;
            font-size: 20px;
            letter-spacing: 1px;
            display: block;
            text-decoration: none;
            padding: 6px 10px;
            padding: 3px 10px;
            text-align: center;
            /*transform:scale(1.5);*/
            /*-webkit-transform:scale(1.5);*/
@@ -58,7 +60,7 @@

        /* 主体 */
        #content {
            padding-top: 31px;
            padding-top: 32px;
            width: 100%;
            height: 100%;
        }
@@ -72,12 +74,20 @@
<!-- 导航栏 -->
<ul class="nav">
    <li><a id="comb" onclick="nav(this.id)" class="nav-select" href="#">组托</a></li>
    <li><a id="in" onclick="nav(this.id)" class="nav-unselect" href="#">入库</a></li>
    <li><a id="out" onclick="nav(this.id)" class="nav-unselect" href="#">出库</a></li>
    <li><a id="stockIn" onclick="nav(this.id)" class="nav-unselect" href="#">入库</a></li>
    <li><a id="stockOut" onclick="nav(this.id)" class="nav-unselect" href="#">出库</a></li>
</ul>

<!-- 主体内容 -->
<iframe id="content" src="comb.html"></iframe>

</body>
<script>
    // 导航栏
    function nav(id) {
        $('.nav-select').attr("class", "nav-unselect");
        $('#'+id).attr("class", "nav-select");
        $('#content').attr("src", id+".html");
    }
</script>
</html>