x xiao 5 years ago
parent
commit
d3d1f8d1dc
8 changed files with 507 additions and 375 deletions
  1. 15 1
      css/common.css
  2. 4 0
      css/permissions/level.css
  3. 6 0
      css/permissions/level.less
  4. 19 0
      js/common.js
  5. 2 0
      layui/css/admin.css
  6. 209 342
      page/article/free.html
  7. 29 32
      page/index.html
  8. 223 0
      page/permissions/level.html

+ 15 - 1
css/common.css

@@ -47,6 +47,7 @@ table {
 a {
     color: #333;
     text-decoration: none;
+    cursor: pointer;
 }
 
 .layui-logo{
@@ -201,4 +202,17 @@ a {
 .layui-bodyact{
     left: 70px;
 }
-.layadmin-iframe{position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0}
+.layui-layout-admin .layui-body{
+    bottom: 0px;
+}
+.layui-body .layadmin-header{
+    height: 50px;
+    line-height: 50px;
+    margin-bottom: 0;
+    border-radius: 0;
+}
+.layui-body .layui-breadcrumb{
+    padding: 0 15px;
+    box-sizing: border-box;
+    border-bottom: 1px solid #dddddd;
+}

+ 4 - 0
css/permissions/level.css

@@ -0,0 +1,4 @@
+.layui-body .main {
+  padding: 15px;
+  box-sizing: border-box;
+}

+ 6 - 0
css/permissions/level.less

@@ -0,0 +1,6 @@
+.layui-body{
+    .main{
+        padding: 15px;
+        box-sizing: border-box;
+    }
+}

+ 19 - 0
js/common.js

@@ -0,0 +1,19 @@
+$(".layui-side .layui-nav-item").not('.layui-nav-itemspec').mouseenter(function() {
+    if($(".layui-side-menu").hasClass('layui-sideact')) {
+      $(this).addClass('layui-nav-itemact')
+    }
+  })
+  $(".layui-side .layui-nav-item").not('.layui-nav-itemspec').mouseleave(function() {
+    if($(".layui-side-menu").hasClass('layui-sideact')) {
+      $(".layui-sideact .layui-nav-item").not('.layui-nav-itemspec').removeClass('layui-nav-itemact')
+    }
+  })
+  $(".layui-nav-itemspec").find('.layui-icon').on("click",function() {
+    if($(".layui-side-menu").hasClass('layui-sideact')) {
+      $(".layui-side-menu").removeClass('layui-sideact')
+      $(".layui-body").removeClass('layui-bodyact')
+    }else{
+      $(".layui-side-menu").addClass('layui-sideact')
+      $(".layui-body").addClass('layui-bodyact')
+    }
+  })

File diff suppressed because it is too large
+ 2 - 0
layui/css/admin.css


+ 209 - 342
page/article/free.html

@@ -1,353 +1,220 @@
 <!DOCTYPE html>
-
-
 <html>
-
 <head>
-    <meta charset="utf-8">
-    <title>layuiAdmin 控制台主页一</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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
-    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
-    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
+  <meta charset="utf-8">
+  <meta name="renderer" content="webkit">
+  <title>后台</title>
+  <link rel="stylesheet" href="../../layui/css/layui.css">
+  <link rel="stylesheet" href="../../css/common.css">
+  <link rel="stylesheet" href="../../css/permissions/free.css">
+  <link rel="stylesheet" href="http://at.alicdn.com/t/font_1728397_lwh6zpgh4kg.css">
+  <!--[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]-->
 </head>
+<body class="layui-layout-body">
+  <div class="layui-layout layui-layout-admin">
+    <div class="layui-header">
+      <a class="layui-logo" href="index.html">
+        <img src="../../img/logo.png" alt="">
+      </a>
+      <ul class="layui-nav layui-layout-right">
+        <li class="layui-nav-item">
+          <a href="javascript:;">
+            <img src="http://t.cn/RCzsdCq" class="layui-nav-img"> zx66
+          </a>
+          <dl class="layui-nav-child">
+            <dd>
+              <a href="">基本资料</a>
+            </dd>
+            <dd>
+              <a href="">安全设置</a>
+            </dd>
+          </dl>
+        </li>
+        <li class="layui-nav-item">
+          <a href="">退出登录</a>
+        </li>
+      </ul>
+    </div>
 
-<body>
-
-    <div class="layui-fluid">
-        <div class="layui-row layui-col-space15">
-            <div class="layui-col-md8">
-                <div class="layui-row layui-col-space15">
-                    <div class="layui-col-md6">
-                        <div class="layui-card">
-                            <div class="layui-card-header">快捷方式</div>
-                            <div class="layui-card-body">
-
-                                <div class="layui-carousel layadmin-carousel layadmin-shortcut">
-                                    <div carousel-item>
-                                        <ul class="layui-row layui-col-space10">
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="home/homepage1.html">
-                                                    <i class="layui-icon layui-icon-console"></i>
-                                                    <cite>主页一</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="home/homepage2.html">
-                                                    <i class="layui-icon layui-icon-chart"></i>
-                                                    <cite>主页二</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="component/layer/list.html">
-                                                    <i class="layui-icon layui-icon-template-1"></i>
-                                                    <cite>弹层</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a layadmin-event="im">
-                                                    <i class="layui-icon layui-icon-chat"></i>
-                                                    <cite>聊天</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="component/progress/index.html">
-                                                    <i class="layui-icon layui-icon-find-fill"></i>
-                                                    <cite>进度条</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="app/workorder/list.html">
-                                                    <i class="layui-icon layui-icon-survey"></i>
-                                                    <cite>工单</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="user/user/list.html">
-                                                    <i class="layui-icon layui-icon-user"></i>
-                                                    <cite>用户</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="set/system/website.html">
-                                                    <i class="layui-icon layui-icon-set"></i>
-                                                    <cite>设置</cite>
-                                                </a>
-                                            </li>
-                                        </ul>
-                                        <ul class="layui-row layui-col-space10">
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="set/user/info.html">
-                                                    <i class="layui-icon layui-icon-set"></i>
-                                                    <cite>我的资料</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="set/user/info.html">
-                                                    <i class="layui-icon layui-icon-set"></i>
-                                                    <cite>我的资料</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="set/user/info.html">
-                                                    <i class="layui-icon layui-icon-set"></i>
-                                                    <cite>我的资料</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="set/user/info.html">
-                                                    <i class="layui-icon layui-icon-set"></i>
-                                                    <cite>我的资料</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="set/user/info.html">
-                                                    <i class="layui-icon layui-icon-set"></i>
-                                                    <cite>我的资料</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="set/user/info.html">
-                                                    <i class="layui-icon layui-icon-set"></i>
-                                                    <cite>我的资料</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="set/user/info.html">
-                                                    <i class="layui-icon layui-icon-set"></i>
-                                                    <cite>我的资料</cite>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs3">
-                                                <a lay-href="set/user/info.html">
-                                                    <i class="layui-icon layui-icon-set"></i>
-                                                    <cite>我的资料</cite>
-                                                </a>
-                                            </li>
-                                        </ul>
-
-                                    </div>
-                                </div>
-
-                            </div>
-                        </div>
-                    </div>
-                    <div class="layui-col-md6">
-                        <div class="layui-card">
-                            <div class="layui-card-header">待办事项</div>
-                            <div class="layui-card-body">
-
-                                <div class="layui-carousel layadmin-carousel layadmin-backlog">
-                                    <div carousel-item>
-                                        <ul class="layui-row layui-col-space10">
-                                            <li class="layui-col-xs6">
-                                                <a lay-href="app/content/comment.html" class="layadmin-backlog-body">
-                                                    <h3>待审评论</h3>
-                                                    <p>
-                                                        <cite>66</cite>
-                                                    </p>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs6">
-                                                <a lay-href="app/forum/list.html" class="layadmin-backlog-body">
-                                                    <h3>待审帖子</h3>
-                                                    <p>
-                                                        <cite>12</cite>
-                                                    </p>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs6">
-                                                <a lay-href="template/goodslist.html" class="layadmin-backlog-body">
-                                                    <h3>待审商品</h3>
-                                                    <p>
-                                                        <cite>99</cite>
-                                                    </p>
-                                                </a>
-                                            </li>
-                                            <li class="layui-col-xs6">
-                                                <a href="javascript:;" onclick="layer.tips('不跳转', this, {tips: 3});" class="layadmin-backlog-body">
-                                                    <h3>待发货</h3>
-                                                    <p>
-                                                        <cite>20</cite>
-                                                    </p>
-                                                </a>
-                                            </li>
-                                        </ul>
-                                        <ul class="layui-row layui-col-space10">
-                                            <li class="layui-col-xs6">
-                                                <a href="javascript:;" class="layadmin-backlog-body">
-                                                    <h3>待审友情链接</h3>
-                                                    <p>
-                                                        <cite style="color: #FF5722;">5</cite>
-                                                    </p>
-                                                </a>
-                                            </li>
-                                        </ul>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="layui-col-md12">
-                        <div class="layui-card">
-                            <div class="layui-card-header">数据概览</div>
-                            <div class="layui-card-body">
-
-                                <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
-                                    <div carousel-item id="LAY-index-dataview">
-                                        <div>
-                                            <i class="layui-icon layui-icon-loading1 layadmin-loading"></i>
-                                        </div>
-                                        <div></div>
-                                        <div></div>
-                                    </div>
-                                </div>
-
-                            </div>
-                        </div>
-                        <div class="layui-card">
-                            <div class="layui-tab layui-tab-brief layadmin-latestData">
-                                <ul class="layui-tab-title">
-                                    <li class="layui-this">今日热搜</li>
-                                    <li>今日热帖</li>
-                                </ul>
-                                <div class="layui-tab-content">
-                                    <div class="layui-tab-item layui-show">
-                                        <table id="LAY-index-topSearch"></table>
-                                    </div>
-                                    <div class="layui-tab-item">
-                                        <table id="LAY-index-topCard"></table>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="layui-col-md4">
-                <div class="layui-card">
-                    <div class="layui-card-header">版本信息</div>
-                    <div class="layui-card-body layui-text">
-                        <table class="layui-table">
-                            <colgroup>
-                                <col width="100">
-                                <col>
-                            </colgroup>
-                            <tbody>
-                                <tr>
-                                    <td>当前版本</td>
-                                    <td>
-                                        <script type="text/html" template>
-                      v{{ layui.admin.v }}
-                      <a href="http://fly.layui.com/docs/3/" target="_blank" style="padding-left: 10px;">日志</a>
-                    </script>
-                                        <a href="javascript:;" layadmin-event="update" style="padding-left: 5px;">检查更新</a>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>基于框架</td>
-                                    <td>
-                                        <script type="text/html" template>
-                      layui-v{{ layui.v }}
-                    </script>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>主要特色</td>
-                                    <td>零门槛 / 响应式 / 清爽 / 极简</td>
-                                </tr>
-                                <tr>
-                                    <td>获取渠道</td>
-                                    <td style="padding-bottom: 0;">
-                                        <div class="layui-btn-container">
-                                            <a href="http://www.layui.com/admin/" target="_blank" class="layui-btn layui-btn-danger">获取授权</a>
-                                            <a href="http://fly.layui.com/download/layuiAdmin/" target="_blank" class="layui-btn">立即下载</a>
-                                        </div>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                </div>
-
-                <div class="layui-card">
-                    <div class="layui-card-header">效果报告</div>
-                    <div class="layui-card-body layadmin-takerates">
-                        <div class="layui-progress" lay-showPercent="yes">
-                            <h3>转化率(日同比 28%
-                                <span class="layui-edge layui-edge-top" lay-tips="增长" lay-offset="-15"></span></h3>
-                            <div class="layui-progress-bar" lay-percent="65%"></div>
-                        </div>
-                        <div class="layui-progress" lay-showPercent="yes">
-                            <h3>签到率(日同比 11%
-                                <span class="layui-edge layui-edge-bottom" lay-tips="下降" lay-offset="-15"></span></h3>
-                            <div class="layui-progress-bar" lay-percent="32%"></div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="layui-card">
-                    <div class="layui-card-header">实时监控</div>
-                    <div class="layui-card-body layadmin-takerates">
-                        <div class="layui-progress" lay-showPercent="yes">
-                            <h3>CPU使用率</h3>
-                            <div class="layui-progress-bar" lay-percent="58%"></div>
-                        </div>
-                        <div class="layui-progress" lay-showPercent="yes">
-                            <h3>内存占用率</h3>
-                            <div class="layui-progress-bar layui-bg-red" lay-percent="90%"></div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="layui-card">
-                    <div class="layui-card-header">产品动态</div>
-                    <div class="layui-card-body">
-                        <div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">
-                            <div carousel-item>
-                                <div>
-                                    <a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a>
-                                </div>
-                                <div>
-                                    <a href="http://fly.layui.com/vipclub/list/layuiadmin/" target="_blank" class="layui-bg-green">layuiAdmin 会员讨论专区</a>
-                                </div>
-                                <div>
-                                    <a href="http://www.layui.com/admin/#get" target="_blank" class="layui-bg-blue">获得 layui 官方后台模板系统</a>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="layui-card">
-                    <div class="layui-card-header">
-                        作者心语
-                        <i class="layui-icon layui-icon-tips" lay-tips="要支持的噢" lay-offset="5"></i>
-                    </div>
-                    <div class="layui-card-body layui-text layadmin-text">
-                        <p>一直以来,layui 秉承无偿开源的初心,虔诚致力于服务各层次前后端 Web 开发者,在商业横飞的当今时代,这一信念从未动摇。即便身单力薄,仍然重拾决心,埋头造轮,以尽可能地填补产品本身的缺口。</p>
-                        <p>在过去的一段的时间,我一直在寻求持久之道,已维持你眼前所见的一切。而 layuiAdmin 是我们尝试解决的手段之一。我相信真正有爱于 layui 生态的你,定然不会错过这一拥抱吧。</p>
-                        <p>子曰:君子不用防,小人防不住。请务必通过官网正规渠道,获得
-                            <a href="http://www.layui.com/admin/" target="_blank">layuiAdmin</a></p>
-                        <p>—— 贤心(
-                            <a href="http://www.layui.com/" target="_blank">layui.com</a></p>
-                    </div>
+    <div class="layui-side layui-side-menu">
+      <div class="layui-side-scroll">
+        <ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="layadmin-system-side-menu">
+          <li class="layui-nav-item layui-nav-itemspec">
+            <a href="javascript:;">
+              <span class="item-title">收起左侧导航</span>
+              <i class="layui-icon layui-icon-shrink-right"></i>
+            </a>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="文章管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-wenzhang"></i></span>
+              <span class="item-title">文章管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a lay-href="article/free.html">免费文章</a>
+              </dd>
+              <dd>
+                <a lay-href="javascript:;">收费文章</a>
+              </dd>
+              <dd>
+                <a lay-href="javascript:;">保障文章</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="权限管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-quanxian"></i></span>
+              <span class="item-title">权限管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="审核管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-shenhe1"></i></span>
+              <span class="item-title">审核管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="工单管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-gongdan"></i></span>
+              <span class="item-title">工单管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="用户管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-yonghu-tianchong"></i></span>
+              <span class="item-title">用户管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="商城管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-icon-test"></i></span>
+              <span class="item-title">商城管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="操作员管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-caozuo"></i></span>
+              <span class="item-title">操作员管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="日志管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-daily-fill"></i></span>
+              <span class="item-title">日志管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <span class="layui-nav-bar" style="top: 28px; height: 0px; opacity: 0;"></span>
+        </ul>
+      </div>
+    </div>
+    <div class="layui-body" id="LAY_app_body">
+        <div class="layadmin-tabsbody-item layui-show">
+            <div class="layui-card layadmin-header">
+                <div class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
+                    <a lay-href="/">主页</a><span lay-separator="">/</span>
+                    <a><cite>免费文章</cite></a>
                 </div>
             </div>
-
         </div>
     </div>
-
-    <script src="../../layuiadmin/layui/layui.js?t=1"></script>
-    <script>
-        layui.config({
-            base: '../../layuiadmin/' //静态资源所在路径
-        }).extend({
-            index: 'lib/index' //主入口模块
-        }).use(['index', 'console']);
-    </script>
+  </div>
+  <script src="../../layui/layui.js"></script>
+  <script src="../../js/jquery.js"></script>
+  <script src="../../js/common.js"></script>
+  <script>
+    //JavaScript代码区域
+    layui.use(['element'], function () {
+      var element = layui.element;
+    });
+  </script>
 </body>
-
 </html>

+ 29 - 32
page/index.html

@@ -6,7 +6,6 @@
   <meta name="renderer" content="webkit">
   <title>后台</title>
   <link rel="stylesheet" href="../layui/css/layui.css">
-  <link rel="stylesheet" href="../layui/css/admin.css">
   <link rel="stylesheet" href="../css/common.css">
   <link rel="stylesheet" href="http://at.alicdn.com/t/font_1728397_lwh6zpgh4kg.css">
   <!--[if lt IE 9]>
@@ -43,7 +42,7 @@
 
     <div class="layui-side layui-side-menu">
       <div class="layui-side-scroll">
-        <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">
+        <ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="layadmin-system-side-menu">
           <li class="layui-nav-item layui-nav-itemspec">
             <a href="javascript:;">
               <span class="item-title">收起左侧导航</span>
@@ -52,7 +51,9 @@
           </li>
           <li class="layui-nav-item">
             <a href="javascript:;" lay-tips="文章管理" lay-direction="2">
-              <span class="font-icon"><i class="iconfont icon-wenzhang"></i></span>
+              <span class="font-icon">
+                <i class="iconfont icon-wenzhang"></i>
+              </span>
               <span class="item-title">文章管理</span>
               <span class="layui-nav-more"></span>
             </a>
@@ -70,7 +71,9 @@
           </li>
           <li class="layui-nav-item">
             <a href="javascript:;" lay-tips="权限管理" lay-direction="2">
-              <span class="font-icon"><i class="iconfont icon-quanxian"></i></span>
+              <span class="font-icon">
+                <i class="iconfont icon-quanxian"></i>
+              </span>
               <span class="item-title">权限管理</span>
               <span class="layui-nav-more"></span>
             </a>
@@ -88,7 +91,9 @@
           </li>
           <li class="layui-nav-item">
             <a href="javascript:;" lay-tips="审核管理" lay-direction="2">
-              <span class="font-icon"><i class="iconfont icon-shenhe1"></i></span>
+              <span class="font-icon">
+                <i class="iconfont icon-shenhe1"></i>
+              </span>
               <span class="item-title">审核管理</span>
               <span class="layui-nav-more"></span>
             </a>
@@ -106,7 +111,9 @@
           </li>
           <li class="layui-nav-item">
             <a href="javascript:;" lay-tips="工单管理" lay-direction="2">
-              <span class="font-icon"><i class="iconfont icon-gongdan"></i></span>
+              <span class="font-icon">
+                <i class="iconfont icon-gongdan"></i>
+              </span>
               <span class="item-title">工单管理</span>
               <span class="layui-nav-more"></span>
             </a>
@@ -124,7 +131,9 @@
           </li>
           <li class="layui-nav-item">
             <a href="javascript:;" lay-tips="用户管理" lay-direction="2">
-              <span class="font-icon"><i class="iconfont icon-yonghu-tianchong"></i></span>
+              <span class="font-icon">
+                <i class="iconfont icon-yonghu-tianchong"></i>
+              </span>
               <span class="item-title">用户管理</span>
               <span class="layui-nav-more"></span>
             </a>
@@ -142,7 +151,9 @@
           </li>
           <li class="layui-nav-item">
             <a href="javascript:;" lay-tips="商城管理" lay-direction="2">
-              <span class="font-icon"><i class="iconfont icon-icon-test"></i></span>
+              <span class="font-icon">
+                <i class="iconfont icon-icon-test"></i>
+              </span>
               <span class="item-title">商城管理</span>
               <span class="layui-nav-more"></span>
             </a>
@@ -160,7 +171,9 @@
           </li>
           <li class="layui-nav-item">
             <a href="javascript:;" lay-tips="操作员管理" lay-direction="2">
-              <span class="font-icon"><i class="iconfont icon-caozuo"></i></span>
+              <span class="font-icon">
+                <i class="iconfont icon-caozuo"></i>
+              </span>
               <span class="item-title">操作员管理</span>
               <span class="layui-nav-more"></span>
             </a>
@@ -178,7 +191,9 @@
           </li>
           <li class="layui-nav-item">
             <a href="javascript:;" lay-tips="日志管理" lay-direction="2">
-              <span class="font-icon"><i class="iconfont icon-daily-fill"></i></span>
+              <span class="font-icon">
+                <i class="iconfont icon-daily-fill"></i>
+              </span>
               <span class="item-title">日志管理</span>
               <span class="layui-nav-more"></span>
             </a>
@@ -200,38 +215,20 @@
     </div>
     <div class="layui-body" id="LAY_app_body">
       <div class="layadmin-tabsbody-item layui-show">
-        <iframe src="article/free.html" frameborder="0" class="layadmin-iframe"></iframe>
+        <div class="layui-fluid">
+         
+        </div>
       </div>
     </div>
   </div>
   <script src="../layui/layui.js"></script>
   <script src="../js/jquery.js"></script>
+  <script src="../js/common.js"></script>
   <script>
     //JavaScript代码区域
     layui.use(['element'], function () {
       var element = layui.element;
     });
-    $(".layui-side .layui-nav-item").not('.layui-nav-itemspec').mouseenter(function() {
-      console.log($(".layui-side-menu").hasClass('layui-sideact'))
-      if($(".layui-side-menu").hasClass('layui-sideact')) {
-        console.log(1111)
-        $(this).addClass('layui-nav-itemact')
-      }
-    })
-    $(".layui-side .layui-nav-item").not('.layui-nav-itemspec').mouseleave(function() {
-      if($(".layui-side-menu").hasClass('layui-sideact')) {
-        $(".layui-sideact .layui-nav-item").not('.layui-nav-itemspec').removeClass('layui-nav-itemact')
-      }
-    })
-    $(".layui-nav-itemspec").find('.layui-icon').on("click",function() {
-      if($(".layui-side-menu").hasClass('layui-sideact')) {
-        $(".layui-side-menu").removeClass('layui-sideact')
-        $(".layui-body").removeClass('layui-bodyact')
-      }else{
-        $(".layui-side-menu").addClass('layui-sideact')
-        $(".layui-body").addClass('layui-bodyact')
-      }
-    })
   </script>
 </body>
 

+ 223 - 0
page/permissions/level.html

@@ -0,0 +1,223 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="renderer" content="webkit">
+  <title>后台</title>
+  <link rel="stylesheet" href="../../layui/css/layui.css">
+  <link rel="stylesheet" href="../../css/common.css">
+  <link rel="stylesheet" href="../../css/permissions/level.css">
+  <link rel="stylesheet" href="http://at.alicdn.com/t/font_1728397_lwh6zpgh4kg.css">
+  <!--[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]-->
+</head>
+<body class="layui-layout-body">
+  <div class="layui-layout layui-layout-admin">
+    <div class="layui-header">
+      <a class="layui-logo" href="index.html">
+        <img src="../../img/logo.png" alt="">
+      </a>
+      <ul class="layui-nav layui-layout-right">
+        <li class="layui-nav-item">
+          <a href="javascript:;">
+            <img src="http://t.cn/RCzsdCq" class="layui-nav-img"> zx66
+          </a>
+          <dl class="layui-nav-child">
+            <dd>
+              <a href="">基本资料</a>
+            </dd>
+            <dd>
+              <a href="">安全设置</a>
+            </dd>
+          </dl>
+        </li>
+        <li class="layui-nav-item">
+          <a href="">退出登录</a>
+        </li>
+      </ul>
+    </div>
+
+    <div class="layui-side layui-side-menu">
+      <div class="layui-side-scroll">
+        <ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="layadmin-system-side-menu">
+          <li class="layui-nav-item layui-nav-itemspec">
+            <a href="javascript:;">
+              <span class="item-title">收起左侧导航</span>
+              <i class="layui-icon layui-icon-shrink-right"></i>
+            </a>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="文章管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-wenzhang"></i></span>
+              <span class="item-title">文章管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a lay-href="article/free.html">免费文章</a>
+              </dd>
+              <dd>
+                <a lay-href="javascript:;">收费文章</a>
+              </dd>
+              <dd>
+                <a lay-href="javascript:;">保障文章</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="权限管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-quanxian"></i></span>
+              <span class="item-title">权限管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="审核管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-shenhe1"></i></span>
+              <span class="item-title">审核管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="工单管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-gongdan"></i></span>
+              <span class="item-title">工单管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="用户管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-yonghu-tianchong"></i></span>
+              <span class="item-title">用户管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="商城管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-icon-test"></i></span>
+              <span class="item-title">商城管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="操作员管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-caozuo"></i></span>
+              <span class="item-title">操作员管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <li class="layui-nav-item">
+            <a href="javascript:;" lay-tips="日志管理" lay-direction="2">
+              <span class="font-icon"><i class="iconfont icon-daily-fill"></i></span>
+              <span class="item-title">日志管理</span>
+              <span class="layui-nav-more"></span>
+            </a>
+            <dl class="layui-nav-child">
+              <dd>
+                <a href="javascript:;">列表一</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表二</a>
+              </dd>
+              <dd>
+                <a href="javascript:;">列表三</a>
+              </dd>
+            </dl>
+          </li>
+          <span class="layui-nav-bar" style="top: 28px; height: 0px; opacity: 0;"></span>
+        </ul>
+      </div>
+    </div>
+    <div class="layui-body" id="LAY_app_body">
+        <div class="layadmin-tabsbody-item layui-show">
+            <div class="layui-card layadmin-header">
+                <div class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
+                    <a lay-href="/">主页</a><span lay-separator="">/</span>
+                    <a><cite>等级设置</cite></a>
+                </div>
+                <div class="main">
+                    <h1>预测师的分层层次设置</h1>
+                </div>
+            </div>
+        </div>
+    </div>
+  </div>
+  <script src="../../layui/layui.js"></script>
+  <script src="../../js/jquery.js"></script>
+  <script src="../../js/common.js"></script>
+  <script>
+    //JavaScript代码区域
+    layui.use(['element'], function () {
+      var element = layui.element;
+    });
+  </script>
+</body>
+</html>