index.html 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>layuimini-iframe版 v2 - 基于Layui的后台管理系统前端模板</title>
  6. <meta name="keywords" content="layuimini,layui,layui模板,layui后台,后台模板,admin,admin模板,layui mini">
  7. <meta name="description" content="layuimini基于layui的轻量级前端后台管理框架,最简洁、易用的后台框架模板,面向所有层次的前后端程序,只需提供一个接口就直接初始化整个框架,无需复杂操作。">
  8. <meta name="renderer" content="webkit">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10. <meta http-equiv="Access-Control-Allow-Origin" content="*">
  11. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  12. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  13. <meta name="apple-mobile-web-app-capable" content="yes">
  14. <meta name="format-detection" content="telephone=no">
  15. <link rel="icon" href="images/favicon.ico">
  16. <link rel="stylesheet" href="lib/layui-v2.6.3/css/layui.css" media="all">
  17. <link rel="stylesheet" href="css/layuimini.css?v=2.0.4.2" media="all">
  18. <link rel="stylesheet" href="css/themes/default.css" media="all">
  19. <link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
  20. <!--[if lt IE 9]>
  21. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  22. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  23. <![endif]-->
  24. <style id="layuimini-bg-color">
  25. </style>
  26. </head>
  27. <body class="layui-layout-body layuimini-all">
  28. <div class="layui-layout layui-layout-admin">
  29. <div class="layui-header header">
  30. <div class="layui-logo layuimini-logo"></div>
  31. <div class="layuimini-header-content">
  32. <a>
  33. <div class="layuimini-tool"><i title="展开" class="fa fa-outdent" data-side-fold="1"></i></div>
  34. </a>
  35. <!--电脑端头部菜单-->
  36. <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-menu-header-pc layuimini-pc-show">
  37. </ul>
  38. <!--手机端头部菜单-->
  39. <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-mobile-show">
  40. <li class="layui-nav-item">
  41. <a href="javascript:;"><i class="fa fa-list-ul"></i> 选择模块</a>
  42. <dl class="layui-nav-child layuimini-menu-header-mobile">
  43. </dl>
  44. </li>
  45. </ul>
  46. <ul class="layui-nav layui-layout-right">
  47. <li class="layui-nav-item" lay-unselect>
  48. <a href="javascript:;" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
  49. </li>
  50. <li class="layui-nav-item" lay-unselect>
  51. <a href="javascript:;" data-clear="清理" class="layuimini-clear"><i class="fa fa-trash-o"></i></a>
  52. </li>
  53. <li class="layui-nav-item mobile layui-hide-xs" lay-unselect>
  54. <a href="javascript:;" data-check-screen="full"><i class="fa fa-arrows-alt"></i></a>
  55. </li>
  56. <li class="layui-nav-item layuimini-setting">
  57. <a href="javascript:;">admin</a>
  58. <dl class="layui-nav-child">
  59. <dd>
  60. <a href="javascript:;" layuimini-content-href="page/user-setting.html" data-title="基本资料" data-icon="fa fa-gears">基本资料<span class="layui-badge-dot"></span></a>
  61. </dd>
  62. <dd>
  63. <a href="javascript:;" layuimini-content-href="page/user-password.html" data-title="修改密码" data-icon="fa fa-gears">修改密码</a>
  64. </dd>
  65. <dd>
  66. <hr>
  67. </dd>
  68. <dd>
  69. <a href="javascript:;" class="login-out">退出登录</a>
  70. </dd>
  71. </dl>
  72. </li>
  73. <li class="layui-nav-item layuimini-select-bgcolor" lay-unselect>
  74. <a href="javascript:;" data-bgcolor="配色方案"><i class="fa fa-ellipsis-v"></i></a>
  75. </li>
  76. </ul>
  77. </div>
  78. </div>
  79. <!--无限极左侧菜单-->
  80. <div class="layui-side layui-bg-black layuimini-menu-left">
  81. </div>
  82. <!--初始化加载层-->
  83. <div class="layuimini-loader">
  84. <div class="layuimini-loader-inner"></div>
  85. </div>
  86. <!--手机端遮罩层-->
  87. <div class="layuimini-make"></div>
  88. <!-- 移动导航 -->
  89. <div class="layuimini-site-mobile"><i class="layui-icon"></i></div>
  90. <div class="layui-body">
  91. <div class="layuimini-tab layui-tab-rollTool layui-tab" lay-filter="layuiminiTab" lay-allowclose="true">
  92. <ul class="layui-tab-title">
  93. <li class="layui-this" id="layuiminiHomeTabId" lay-id=""></li>
  94. </ul>
  95. <div class="layui-tab-control">
  96. <li class="layuimini-tab-roll-left layui-icon layui-icon-left"></li>
  97. <li class="layuimini-tab-roll-right layui-icon layui-icon-right"></li>
  98. <li class="layui-tab-tool layui-icon layui-icon-down">
  99. <ul class="layui-nav close-box">
  100. <li class="layui-nav-item">
  101. <a href="javascript:;"><span class="layui-nav-more"></span></a>
  102. <dl class="layui-nav-child">
  103. <dd><a href="javascript:;" layuimini-tab-close="current">关 闭 当 前</a></dd>
  104. <dd><a href="javascript:;" layuimini-tab-close="other">关 闭 其 他</a></dd>
  105. <dd><a href="javascript:;" layuimini-tab-close="all">关 闭 全 部</a></dd>
  106. </dl>
  107. </li>
  108. </ul>
  109. </li>
  110. </div>
  111. <div class="layui-tab-content">
  112. <div id="layuiminiHomeTabIframe" class="layui-tab-item layui-show"></div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <script src="lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
  118. <script src="js/lay-config.js?v=2.0.0" charset="utf-8"></script>
  119. <script>
  120. layui.use(['jquery', 'layer', 'miniAdmin','miniTongji'], function () {
  121. var $ = layui.jquery,
  122. layer = layui.layer,
  123. miniAdmin = layui.miniAdmin,
  124. miniTongji = layui.miniTongji;
  125. var options = {
  126. iniUrl: "api/init.json", // 初始化接口
  127. clearUrl: "api/clear.json", // 缓存清理接口
  128. urlHashLocation: true, // 是否打开hash定位
  129. bgColorDefault: false, // 主题默认配置
  130. multiModule: true, // 是否开启多模块
  131. menuChildOpen: false, // 是否默认展开菜单
  132. loadingTime: 0, // 初始化加载时间
  133. pageAnim: true, // iframe窗口动画
  134. maxTabNum: 20, // 最大的tab打开数量
  135. };
  136. miniAdmin.render(options);
  137. // 百度统计代码,只统计指定域名
  138. miniTongji.render({
  139. specific: true,
  140. domains: [
  141. '99php.cn',
  142. 'layuimini.99php.cn',
  143. 'layuimini-onepage.99php.cn',
  144. ],
  145. });
  146. $('.login-out').on("click", function () {
  147. layer.msg('退出登录成功', function () {
  148. window.location = 'page/login-3.html';
  149. });
  150. });
  151. });
  152. </script>
  153. </body>
  154. </html>