lovecoding
/
VIP29


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
							<!doctype html>
<html>
 
<!-- Mirrored from layui-doc.pearadmin.com/demo/admin.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 09 Dec 2021 06:41:20 GMT -->
<head>
  <meta charset="utf-8">
  <title>Layui 管理界面大框架布局 - 在线演示</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="layui/dist/css/layui.css" media="all">
  <link rel="stylesheet" href="static/css/global.css" media="all">
 </head>
 <body>
  <div class="layui-layout layui-layout-admin">
   <div class="layui-header header header-demo">
    <div class="layui-fluid"> <a class="logo" href="../index-2.html"> <img src="../static/images/layui/logo.png" alt="layui"> </a>
     <div class="layui-form layui-hide-xs component" lay-filter="LAY-site-header-component"></div>
     <div class="layui-hide-xs site-notice"></div>
     <ul class="layui-nav" id="LAY_NAV_TOP">
      <li class="layui-nav-item"> <a href="javascript:;"> 周边 </a>
       <dl class="layui-nav-child layui-nav-child-c">
        <dd class="layui-hide-sm layui-show-xs" lay-unselect> <a href="https://gitee.com/sentsin/layui/issues" target="_blank" rel="nofollow">问题反馈</a>
         <hr>
        </dd>
        <dd lay-unselect>
         <a href="../alone.html" target="_blank" lay-unselect>独立组件</a>
        </dd>
        <dd lay-unselect>

        </dd>
       </dl> </li>
     </ul>
    </div>
   </div> <!-- 让IE8/9支持媒体查询，从而兼容栅格 --> <!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
   <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
     <ul class="layui-nav layui-nav-tree site-demo-nav">

      <li class="layui-nav-item layui-nav-itemed"> <a class="javascript:;" href="javascript:;">系统管理</a>
       <dl class="layui-nav-child">
        <dd class=""> <a href="user.html">用户管理</a>
        </dd>
       </dl> </li>

     </ul>
    </div>
   </div>
   <div class="layui-tab layui-tab-brief" lay-filter="demoTitle">

    <div class="layui-body layui-tab-content site-demo site-demo-body">
     <div class="layui-tab-item layui-show">
      <div class="layui-main">
       <div id="LAY_preview">
           <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;"> <legend>列边框表格</legend>
           </fieldset>
           <table class="layui-table" lay-even lay-skin="row">
               <colgroup>
                   <col width="150">
                   <col width="150">
                   <col width="200">
                   <col>
               </colgroup>
               <thead>
               <tr>
                   <th>人物</th>
                   <th>民族</th>
                   <th>出场时间</th>
                   <th>格言</th>
               </tr>
               </thead>
               <tbody>
               <tr>
                   <td>贤心</td>
                   <td>汉族</td>
                   <td>1989-10-14</td>
                   <td>人生似修行</td>
               </tr>
               <tr>
                   <td>张爱玲</td>
                   <td>汉族</td>
                   <td>1920-09-30</td>
                   <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
               </tr>
               <tr>
                   <td>Helen Keller</td>
                   <td>拉丁美裔</td>
                   <td>1880-06-27</td>
                   <td> Life is either a daring adventure or nothing.</td>
               </tr>
               <tr>
                   <td>岳飞</td>
                   <td>汉族</td>
                   <td>1103-北宋崇宁二年</td>
                   <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
               </tr>
               <tr>
                   <td>孟子</td>
                   <td>华夏族（汉族）</td>
                   <td>公元前-372年</td>
                   <td>猿强，则国强。国强，则猿更强！ </td>
               </tr>
               </tbody>
           </table>
       </div>
      </div>
     </div>
     <div class="layui-tab-item"> <textarea class="layui-border-box site-demo-text site-demo-code" id="LAY_democode" spellcheck="false" readonly>
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Layui&lt;/title&gt;
  &lt;meta name="renderer" content="webkit"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
  &lt;link rel="stylesheet" href="/layui/dist/css/layui.css"  media="all"&gt;
  &lt;!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 --&gt;
&lt;/head&gt;
</textarea>
     </div>
     <div class="layui-tab-item">
      <div class="layui-main">
       <p></p>
       <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;"> <legend>相关</legend>
       </fieldset> <a class="layui-btn layui-btn-normal" href="../doc/element/layout.html" target="_blank">布局文档</a>
      </div>
     </div>
    </div>
   </div>
   <div class="layui-footer footer footer-demo">
    <p> Copyright © 2021 <a href="../index-2.html">layui-doc.pearadmin.com</a> MIT Licensed</p>
    <p> </p>
   </div>
   <script>
window.global = {
  pageType: 'demo'
  ,preview: function(){
    var preview = document.getElementById('LAY_preview');
    return preview ? preview.innerHTML : '';
  }()
};
</script>
   <div class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i>
   </div>
   <div class="site-mobile-shade"></div>
   <script src="../layui/dist/layui.js" charset="utf-8"></script>
   <script>
layui.config({
  base: '/static/lay/modules/layui/'
  ,version: '1632659138225'
}).use('global');
</script>
  </div>
  <div id="LAY_democodejs">
   <script>
</script>
  </div>
  <script>
layui.use('layer', function(){
  var $ = layui.$
  ,setIframe = function(){
    var height = $(window).height() - 200;
    $('#demoAdmin').height(height);
  };

  setIframe();
  $(window).on('resize', setIframe);
});
</script>
 </body>

<!-- Mirrored from layui-doc.pearadmin.com/demo/admin.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 09 Dec 2021 06:41:20 GMT -->
</html>