admin.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <!doctype html>
  2. <html>
  3. <!-- 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 -->
  4. <head>
  5. <meta charset="utf-8">
  6. <title>Layui 管理界面大框架布局 - 在线演示</title>
  7. <meta name="renderer" content="webkit">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  11. <meta name="apple-mobile-web-app-capable" content="yes">
  12. <meta name="format-detection" content="telephone=no">
  13. <link rel="stylesheet" href="layui/dist/css/layui.css" media="all">
  14. <link rel="stylesheet" href="static/css/global.css" media="all">
  15. </head>
  16. <body>
  17. <div class="layui-layout layui-layout-admin">
  18. <div class="layui-header header header-demo">
  19. <div class="layui-fluid"> <a class="logo" href="../index-2.html"> <img src="../static/images/layui/logo.png" alt="layui"> </a>
  20. <div class="layui-form layui-hide-xs component" lay-filter="LAY-site-header-component"></div>
  21. <div class="layui-hide-xs site-notice"></div>
  22. <ul class="layui-nav" id="LAY_NAV_TOP">
  23. <li class="layui-nav-item"> <a href="javascript:;"> 周边 </a>
  24. <dl class="layui-nav-child layui-nav-child-c">
  25. <dd class="layui-hide-sm layui-show-xs" lay-unselect> <a href="https://gitee.com/sentsin/layui/issues" target="_blank" rel="nofollow">问题反馈</a>
  26. <hr>
  27. </dd>
  28. <dd lay-unselect>
  29. <a href="../alone.html" target="_blank" lay-unselect>独立组件</a>
  30. </dd>
  31. <dd lay-unselect>
  32. </dd>
  33. </dl> </li>
  34. </ul>
  35. </div>
  36. </div> <!-- 让IE8/9支持媒体查询,从而兼容栅格 --> <!--[if lt IE 9]>
  37. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  38. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  39. <![endif]-->
  40. <div class="layui-side layui-bg-black">
  41. <div class="layui-side-scroll">
  42. <ul class="layui-nav layui-nav-tree site-demo-nav">
  43. <li class="layui-nav-item layui-nav-itemed"> <a class="javascript:;" href="javascript:;">系统管理</a>
  44. <dl class="layui-nav-child">
  45. <dd class=""> <a href="user.html">用户管理</a>
  46. </dd>
  47. </dl> </li>
  48. </ul>
  49. </div>
  50. </div>
  51. <div class="layui-tab layui-tab-brief" lay-filter="demoTitle">
  52. <div class="layui-body layui-tab-content site-demo site-demo-body">
  53. <div class="layui-tab-item layui-show">
  54. <div class="layui-main">
  55. <div id="LAY_preview">
  56. </div>
  57. </div>
  58. </div>
  59. <div class="layui-tab-item"> <textarea class="layui-border-box site-demo-text site-demo-code" id="LAY_democode" spellcheck="false" readonly>
  60. &lt;!DOCTYPE html&gt;
  61. &lt;html&gt;
  62. &lt;head&gt;
  63. &lt;meta charset="utf-8"&gt;
  64. &lt;title&gt;Layui&lt;/title&gt;
  65. &lt;meta name="renderer" content="webkit"&gt;
  66. &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
  67. &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
  68. &lt;link rel="stylesheet" href="/layui/dist/css/layui.css" media="all"&gt;
  69. &lt;!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的 --&gt;
  70. &lt;/head&gt;
  71. </textarea>
  72. </div>
  73. <div class="layui-tab-item">
  74. <div class="layui-main">
  75. <p></p>
  76. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;"> <legend>相关</legend>
  77. </fieldset> <a class="layui-btn layui-btn-normal" href="../doc/element/layout.html" target="_blank">布局文档</a>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="layui-footer footer footer-demo">
  83. <p> Copyright © 2021 <a href="../index-2.html">layui-doc.pearadmin.com</a> MIT Licensed</p>
  84. <p> </p>
  85. </div>
  86. <script>
  87. window.global = {
  88. pageType: 'demo'
  89. ,preview: function(){
  90. var preview = document.getElementById('LAY_preview');
  91. return preview ? preview.innerHTML : '';
  92. }()
  93. };
  94. </script>
  95. <div class="site-tree-mobile layui-hide"> <i class="layui-icon layui-icon-spread-left"></i>
  96. </div>
  97. <div class="site-mobile-shade"></div>
  98. <script src="../layui/dist/layui.js" charset="utf-8"></script>
  99. <script>
  100. layui.config({
  101. base: '/static/lay/modules/layui/'
  102. ,version: '1632659138225'
  103. }).use('global');
  104. </script>
  105. </div>
  106. <div id="LAY_democodejs">
  107. <script>
  108. </script>
  109. </div>
  110. <script>
  111. layui.use('layer', function(){
  112. var $ = layui.$
  113. ,setIframe = function(){
  114. var height = $(window).height() - 200;
  115. $('#demoAdmin').height(height);
  116. };
  117. setIframe();
  118. $(window).on('resize', setIframe);
  119. });
  120. </script>
  121. </body>
  122. <!-- 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 -->
  123. </html>