zoukankan      html  css  js  c++  java
  • 团队开发day02

    通过使用layui模板设计主界面的布局。其中最左侧为导航栏,分别为商城,个人商城,发布商品,
    以及订单整个过程的信息,以及海关整个流程的信息。
    问题:其中导航栏中子导航栏会自己打开,还不清楚这个问题。
    <body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
      <div class="layui-header">
        <div class="layui-logo">管理系统</div>
    
        <ul class="layui-nav layui-layout-right">
          <li class="layui-nav-item">
            <a href="javascript:;">
              <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
              tester
            </a>
            <dl class="layui-nav-child">
              <dd><a href="login-3.html" target="frame">个人信息</a></dd>
              <dd><a href="login-3.html" target="frame">退出登录</a></dd>
            </dl>
          </li>
         
        </ul>
      </div>
      
      <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
          <!-- 左侧导航区域(可配合layui已有的垂直导航) -->
          <ul class="layui-nav layui-nav-tree"  lay-filter="test">
            
            <li class="layui-nav-item">
              <a href="table.html" target="frame">商城</a>
            </li>
            <li class="layui-nav-item">
              <a class="" href="javascript:;">个人商城</a>
              <dl class="layui-nav-child">
                <dd><a href="Servlet?method=jisuanji"  target="frame">个人商品</a></dd>
                <dd><a href="add.html"  target="frame">发布商品</a></dd>
              </dl>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
              <a class="" href="javascript:;">货物流程</a>
              <dl class="layui-nav-child">
                <dd><a href="Servlet?method=jisuanji"  target="frame">待处理</a></dd>
                <dd><a href="Servlet?method=ziran"  target="frame">已发货</a></dd>
                <dd><a href="Servlet?method=renwen"  target="frame">已收款</a></dd>
                <dd><a href="Servlet?method=tianwen"  target="frame">全部信息</a></dd>
              </dl>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
              <a class="" href="javascript:;">货物进出海关信息</a>
              <dl class="layui-nav-child">
                <dd><a href="Servlet?method=jisuanji"  target="frame">生成海关申请单</a></dd>
                <dd><a href="Servlet?method=ziran"  target="frame">海关申请通过</a></dd>
                <dd><a href="Servlet?method=renwen"  target="frame">货物进入港口</a></dd>
                <dd><a href="Servlet?method=tianwen"  target="frame">货物离开港口</a></dd>
              </dl>
            </li>
    
           
          </ul>
        </div>
      </div>
      <div class="layui-body">
        <!-- 内容主体区域 -->
               
        <div style="padding: 0px" >
        <iframe id="righFrame" name="frame"  width="100%" height="1000px" scrolling="yes"  style="border:1px solid #CCC;"></iframe>
        </div>
      </div>
      <div class="layui-footer">
        <!-- 底部固定区域 -->
                   底部边界
      </div>
    </div>

    其中代码只是body部门,并没有layui相关文件的引入。

  • 相关阅读:
    CF 538 D. Flood Fill 递归 区间DP
    P3355 骑士共存问题 二分建图 + 当前弧优化dinic
    P1726 上白泽慧音 tarjan 模板
    P1073 最优贸易 建立分层图 + spfa
    P2774 方格取数问题 网络最大流 割
    P2157 [SDOI2009]学校食堂 状压DP
    P1357 花园 状压 矩阵快速幂
    P3084 [USACO13OPEN]照片Photo dp
    CF_EDU51 E. Vasya and Big Integers
    搜索:DLX算法
  • 原文地址:https://www.cnblogs.com/cdl-sunshine/p/14903826.html
Copyright © 2011-2022 走看看