#

luxiaotao1123

2020-06-28 de2b9b09a30abde5b3696cc3671b98eee232d0d7

 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;
@@ -72,12 +73,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>