ok-admin
/
index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ok-admin v1.0 | 很赞的后台模版</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="ok-admin v1.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
    <meta name="description" content="ok-admin v1.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
    <link rel="shortcut icon" href="imgs/favicon.ico"/>
    <link rel="stylesheet" href="css/okadmin.css">
    <link rel="stylesheet" href="lib/nprogress/nprogress.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--头部导航-->
    <div class="layui-header">
        <div class="layui-logo">ok-admin v1.0</div>
        <div class="menu-switch">
            <i class="iconfont icon-caidan"></i>
        </div>
        <ul class="layui-nav layui-layout-left">
            <li class="weather">
                <div id="tp-weather-widget"></div>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="imgs/head.png" class="layui-nav-img">
                    bobi
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;" path="user-center.html" tab-id="0-1">个人中心<span class="layui-badge-dot"></span></a></dd>
                    <dd><a href="javascript:;" path="user-info.html" tab-id="0-2">基本资料</a></dd>
                    <dd><a href="javascript:;" path="user-security.html" tab-id="0-3">安全设置</a></dd>
                    <dd><a href="javascript:;" id="lock">锁定账户</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="javascript:void(0)" id="logout">退出</a></li>
        </ul>
    </div>
    <!--左侧导航区域-->
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">
                        <i class="iconfont icon-huiyuan"></i> 会员管理
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" path="user.html" tab-id="1-1"><i class="iconfont icon-dianliyonghuzongshu"></i> 用户列表</a></dd>
                        <dd><a href="javascript:;" path="role.html" tab-id="1-2"><i class="iconfont icon-jiaoseguanli"></i> 角色列表</a></dd>
                        <dd><a href="javascript:;" path="permission.html" tab-id="1-3"><i class="iconfont icon-jiaoseshouquan"></i> 权限列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">
                        <i class="iconfont icon-ai-new"></i> 新闻管理
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" path="article.html" tab-id="2-1"><i class="iconfont icon-wenzhang2"></i> 文章列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">
                        <i class="iconfont icon-liuyan"></i> 留言管理
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" path="user.html" tab-id="3-1"><i class="iconfont icon-liuyan"></i> 留言列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">
                        <i class="iconfont icon-xiazai"></i> 下载中心
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" path="user.html" tab-id="4-1"><i class="iconfont icon-xiazai"></i> 下载列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">
                        <i class="iconfont icon-youqinglianjie"></i> 友情链接
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" path="user.html" tab-id="5-1"><i class="iconfont icon-youqinglianjie"></i> 链接列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">
                        <i class="iconfont icon-weibiaoti35"></i> 产品管理
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" path="user.html" tab-id="6-1"><i class="iconfont icon-weibiaoti35"></i> 产品列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon">&#xe62c;</i> 图表页面
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" path="map1.html" tab-id="7-1"><i class="iconfont icon-zhuzhuangtu"></i> 柱状图</a></dd>
                        <dd><a href="javascript:;" path="map2.html" tab-id="7-2"><i class="iconfont icon-tubiaozhexiantu"></i> 折线图</a></dd>
                        <dd><a href="javascript:;" path="map3.html" tab-id="7-3"><i class="iconfont icon-tubiaozhexiantu"></i> 折线堆叠图</a></dd>
                        <dd><a href="javascript:;" path="map4.html" tab-id="7-4"><i class="iconfont icon-bingtu"></i> 饼图</a></dd>
                        <dd><a href="javascript:;" path="map5.html" tab-id="7-5"><i class="iconfont icon-huanxingtu"></i> 环形图</a></dd>
                        <dd><a href="javascript:;" path="map6.html" tab-id="7-6"><i class="iconfont icon-huanxingtu"></i> 散布图</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="iconfont icon-font"></i> 字体图标
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" path="font-layui.html" tab-id="8-1"><i class="iconfont icon-font"></i> Layui内置图标库</a></dd>
                        <dd><a href="javascript:;" path="font/demo_index.html" tab-id="8-2"><i class="iconfont icon-font"></i> 阿里巴巴图标库</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon">&#xe716;</i> 系统管理
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" path="system-setting.html" tab-id="9-1"><i class="iconfont icon-settings"></i> 网站配置</a></dd>
                        <dd><a href="javascript:;" path="system-shield.html" tab-id="9-2"><i class="iconfont icon-blacklist"></i> 屏蔽词</a></dd>
                        <dd><a href="javascript:;" path="system-log.html" tab-id="9-3"><i class="iconfont icon-rizhi"></i> 系统日志</a></dd>
                        <dd><a href="javascript:;" path="login.html" tab-id="9-5"><i class="iconfont icon-denglu"></i> 登陆页面</a></dd>
                        <dd><a href="javascript:;" path="404.html" tab-id="9-6"><i class="iconfont icon-404cuowu"></i> 404页面</a></dd>
                        <dd><a href="javascript:;" path="403.html" tab-id="9-7"><i class="iconfont icon-icon-test"></i> 403页面</a></dd>
                        <dd><a href="javascript:;" path="500.html" tab-id="9-8"><i class="iconfont icon-icon-test1"></i> 500页面</a></dd>
                        <dd><a href="javascript:;" path="donate.html" tab-id="9-9"><i class="iconfont icon-juanzeng"></i> 捐赠列表</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!-- 内容主体区域 -->
    <div class="content-body">
        <div class="layui-tab layui-tab-brief" lay-filter="ok-tab" lay-allowClose="true">
            <ul class="layui-tab-title">
                <li class="layui-this"><i class="layui-icon">&#xe68e;</i> 控制台</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <iframe src="welcome.html" frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>
                </div>
            </div>
        </div>
    </div>
    <!--底部信息-->
    <div class="layui-footer">
        Copyright ©2018-©<span id="endYear"></span> ok-admin v1.0 All Rights Reserved
        <button class="layui-btn layui-btn-danger layui-btn-xs donate">捐赠作者</button>
        <button class="layui-btn layui-btn-danger layui-btn-xs communication">QQ群交流</button>
    </div>
</div>
<div class="yy"></div>
<!--js逻辑-->
<script src="lib/layui/layui.js"></script>
<script src="lib/nprogress/nprogress.js"></script>
<script src="js/okadmin.js"></script>
<script type="text/javascript"></script>
<!--天气预报插件-->
<script>(function(T,h,i,n,k,P,a,g,e){g=function(){P=h.createElement(i);a=h.getElementsByTagName(i)[0];P.src=k;P.charset="utf-8";P.async=1;a.parentNode.insertBefore(P,a)};T["ThinkPageWeatherWidgetObject"]=n;T[n]||(T[n]=function(){(T[n].q=T[n].q||[]).push(arguments)});T[n].l=+new Date();if(T.attachEvent){T.attachEvent("onload",g)}else{T.addEventListener("load",g,false)}}(window,document,"script","tpwidget","//widget.seniverse.com/widget/chameleon.js"))</script>
<script>tpwidget("init", {
    "flavor": "slim",
    "location": "WX4FBXXFKE4F",
    "geolocation": "enabled",
    "language": "zh-chs",
    "unit": "c",
    "theme": "chameleon",
    "container": "tp-weather-widget",
    "bubble": "disabled",
    "alarmType": "badge",
    "color": "#FFFFFF",
    "uid": "U9EC08A15F",
    "hash": "039da28f5581f4bcb5c799fb4cdfb673"
});
tpwidget("show");</script>
</body>
</html>