layui框架的后台首页

Original 2019-04-30 13:30:44 392
abstract:<!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>后台管理</title>    <meta name="renderer" content=&

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>后台管理</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">
   <link href="Scripts/layui/css/layui.css" rel="stylesheet" />
   <script src="Scripts/layui/layui.js"></script>
   <!-- 注意:如果你直接复制所有代码到本地,上述css路径需要改成你本地的     layui v=2.30 -->
</head>
<body>
   <div class="layui-layout layui-layout-admin">
       <div class="layui-header">
           <div class="layui-logo" style="background-color:#99ffd7;border-bottom:2px solid #028a3f;border-right:2px solid #b102b9;">后台管理</div>
           <!-- 头部区域(可配合layui已有的水平导航)  -->
           <ul class="layui-nav layui-layout-left">
               <li class="layui-nav-item nav-suofang">
                   <i class="layui-icon zoom-suofang layui-icon-shrink-right" style="font-size: 30px; color: #ffffff;"></i>
                   <i class="layui-icon size-da-xiao" style="font-size: 30px; color: #ffffff;"></i>
               </li>
               <li class="layui-nav-item"><a id="size_"></a></li>
               <li class="layui-nav-item"><a href=""><i class="layui-icon" style="font-size: 20px; color: #1E9FFF;"></i>   控制台</a></li>
               <li class="layui-nav-item"><a href="">商品管理</a></li>
               <li class="layui-nav-item"><a href="">用户</a></li>
               <li class="layui-nav-item">
                   <a href="javascript:;">其它系统</a>
                   <dl class="layui-nav-child">
                       <dd><a href="">邮件管理</a></dd>
                       <dd><a href="">消息管理</a></dd>
                       <dd><a href="">授权管理</a></dd>
                   </dl>
               </li>
           </ul>
           <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">
                       贤心
                   </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-bg-black" >
           <div class="layui-side-scroll" id="admin-scroll">
               <!-- 左侧导航区域(可配合layui已有的垂直导航) -->
           </div>
       </div>
       <div class="layui-footer" style="border-left:2px solid #b102b9" >
           <!-- 底部固定区域 -->
           ? layui.com - 底部固定区域
       </div>
       <div class="layui-body" style="border-left:2px solid #b102b9;border-top:2px solid #028a3f;">
           <div class="layui-tab layui-tab-brief" lay-filter="demo" style="margin:0px;">
               <ul class="layui-tab-title">
                   <li class="layui-this" lay-id="111" >网站设置 </li>
                   <!--<li lay-id="222">用户管理 <i class="layui-icon layui-unselect layui-tab-close">?</i></li>
                   <li lay-id="333">权限分配</li>
                   <li lay-id="444">商品管理</li>
                   <li lay-id="555">订单管理</li>-->
               </ul>
               <div class="layui-tab-content" style="padding:2px 0px 0px 5px;height:100%">
                   <div class="layui-tab-item layui-show">
                       主页
                       <!--<div class="site-demo-button">
                           <button class="layui-btn site-demo-active" data-type="tabAdd">新增Tab项</button>
                           <button class="layui-btn site-demo-active" data-type="tabDelete">删除:商品管理</button>
                           <button class="layui-btn site-demo-active" data-type="tabChange">切换到:用户管理</button>
                       </div>-->
                   </div>
                   <!--<div class="layui-tab-item">内容2</div>
                   <div class="layui-tab-item">内容3</div>
                   <div class="layui-tab-item">内容4</div>
                   <div class="layui-tab-item">内容5</div>-->
               </div>
           </div>

       </div>
   </div>

Correcting teacher:查无此人Correction time:2019-05-05 09:46:34
Teacher's summary:完成的不错。要好好学习layui框架。继续加油。

Release Notes

Popular Entries