返回后台欢迎页01...登陆

后台欢迎页01

A00A-KAจุ๊บ 2019-08-30 00:36:3623

<!DOCTYPE html>

<html lang="en">

<head>

   <meta charset="UTF-8">

   <meta name="viewport" content="width=device-width, initial-scale=1.0">

   <meta http-equiv="X-UA-Compatible" content="ie=edge">

   <title>后台首页</title>

   <link rel="stylesheet" href="layui-v2.5.4/layui/css/layui.css">

   <script src="layui-v2.5.4/layui/layui.js"></script>

   <style>

       *{

           margin: 0;

           padding: 0;

       }

     .header{

         width: 100%;height: 50px;background: #2e6da4;color: white;line-height: 50px;

     }

     .header a{

         color: white;

     }

     .menu{

       position: absolute;

     }

     .header-left{

        margin-left: 20px;font-size: 20px;

     }

     .header-right{

         float: right;font-size: 14px;margin-right: 10px;

     }

     .layui-collapse,.layui-colla-item{

         border: none;

     }

     .layui-colla-title{

         background:#42485b;color: white;

     }

     .layui-colla-content {

         border-top: none;padding: 0;

     }

     .main{

         position: absolute;left:200px;right: 0;}

   </style>

</head>

<body>

   <!-- 头部 -->

   <div class="header">

        <span class="header-left">JD商城--后台管理系统</span>

        <span class="header-right">admin【系统管理员】<a href="">退出</a></span>

   </div>

   <!-- 左侧菜单 -->

   <div class="menu" style="width: 200px;background: #333744">

           <div class="layui-collapse" lay-accordion>

                   <div class="layui-colla-item">

                     <h2 class="layui-colla-title">管理员管理</h2>

                     <div class="layui-colla-content layui-show">

                           <ul class="layui-nav layui-nav-tree" lay-filter="test">

                                   <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->

                                     <li class="layui-nav-item layui-nav-itemed">

                                       <a href="javascript:;">管理员列表</a>

                                     </li>

                           </ul>

                     </div>

                   </div>

                   <div class="layui-colla-item">

                           <h2 class="layui-colla-title">权限管理</h2>

                           <div class="layui-colla-content layui-show">

                                 <ul class="layui-nav layui-nav-tree" lay-filter="test">

                                         <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->

                                           <li class="layui-nav-item layui-nav-itemed">

                                             <a href="javascript:;">菜单管理</a>

                                           </li>

                                           <li class="layui-nav-item layui-nav-itemed">

                                                   <a href="javascript:;">角色管理</a>

                                           </li>

                                 </ul>

                           </div>

                         </div>

                         <div class="layui-colla-item">

                               <h2 class="layui-colla-title">系统设置</h2>

                               <div class="layui-colla-content layui-show">

                                     <ul class="layui-nav layui-nav-tree" lay-filter="test">

                                             <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->

                                               <li class="layui-nav-item layui-nav-itemed">

                                                 <a href="javascript:;">网站设置</a>

                                               </li>

                                     </ul>

                               </div>

                             </div>

                             <div class="layui-colla-item">

                                   <h2 class="layui-colla-title">商品分类</h2>

                                   <div class="layui-colla-content layui-show">

                                         <ul class="layui-nav layui-nav-tree" lay-filter="test">

                                                 <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->

                                                   <li class="layui-nav-item layui-nav-itemed">

                                                     <a href="javascript:;">分类列表</a>

                                                   </li>

                                         </ul>

                                   </div>

                                 </div>

                                 <div class="layui-colla-item">

                                       <h2 class="layui-colla-title">商品管理</h2>

                                       <div class="layui-colla-content layui-show">

                                             <ul class="layui-nav layui-nav-tree" lay-filter="test">

                                                     <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->

                                                       <li class="layui-nav-item layui-nav-itemed">

                                                         <a href="javascript:;">产品列表</a>

                                                       </li>

                                             </ul>

                                       </div>

                                     </div>

                                     <div class="layui-colla-item">

                                           <h2 class="layui-colla-title">幻灯片管理</h2>

                                           <div class="layui-colla-content layui-show">

                                                 <ul class="layui-nav layui-nav-tree" lay-filter="test">

                                                         <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->

                                                           <li class="layui-nav-item layui-nav-itemed">

                                                             <a href="javascript:;">首页首屏</a>

                                                           </li>

                                                 </ul>

                                           </div>

                                         </div>

                   

            </div>

                 

   </div>

   <!-- 主操作页 -->

   <div class="main">

       <iframe src="welcome.html" frameborder="0" scrolling="0" style="width:100%;height:100%;"></iframe>

       

   </div>

   <script>

           //注意:折叠面板 依赖 element 模块,否则无法进行功能性操作

           layui.use('element', function(){

             var element = layui.element;

             

             //…

           });

   </script>

</body>

</html>


最新手记推荐

• 依赖注入小例子• 模板显示用户信息表,并分页显示• 模板继承,模仿php页面• 模拟用户登录验证的案例 依赖注入 Facade• 创建一个验证器, 用来对模型对应的表中字段进行验证处理

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网