187 lines
7.5 KiB
HTML
187 lines
7.5 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<title>ok-admin v2.0 | 很赞的后台模版</title>
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|||
|
|
<meta name="keywords" content="ok-admin v2.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
|
|||
|
|
<meta name="description" content="ok-admin v2.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
|
|||
|
|
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
|
|||
|
|
<link rel="stylesheet" href="css/okadmin-v2.css"/>
|
|||
|
|
</head>
|
|||
|
|
<body class="layui-layout-body">
|
|||
|
|
<div class="layui-layout layui-layout-admin okadmin">
|
|||
|
|
<!--头部导航-->
|
|||
|
|
<div class="layui-header okadmin-header">
|
|||
|
|
<ul class="layui-nav layui-layout-left">
|
|||
|
|
<li class="layui-nav-item">
|
|||
|
|
<a class="ok-menu ok-show-menu" href="javascript:;" title="菜单切换">
|
|||
|
|
<i class="layui-icon layui-icon-shrink-right" id="ok_app_menu"></i>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="layui-nav-item">
|
|||
|
|
<a class="ok-refresh" href="javascript:;" title="刷新">
|
|||
|
|
<i class="layui-icon layui-icon-refresh-3"></i>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
<li class="layui-nav-item ok-input-search">
|
|||
|
|
<input type="text" placeholder="搜索..." class="layui-input layui-input-search"/>
|
|||
|
|
</li>
|
|||
|
|
<li class="ok-nav-item ok-hide-md">
|
|||
|
|
<!-- 天气信息 -->
|
|||
|
|
<div class="weather">
|
|||
|
|
<div id="tp-weather-widget"></div>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<ul class="layui-nav layui-layout-right">
|
|||
|
|
<li class="no-line layui-nav-item layui-hide-xs">
|
|||
|
|
<a id="notice" class="flex-vc pr10 pl10" href="javascript:;">
|
|||
|
|
<i class="ok-iconbell icon-head-i"></i><cite>系统公告</cite>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="no-line layui-nav-item layui-hide-xs">
|
|||
|
|
<a id="lock" class="flex-vc pr10 pl10" href="javascript:;">
|
|||
|
|
<i class="ok-iconlock_outline icon-head-i"></i><cite>锁屏</cite>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="layui-nav-item layui-hide-xs">
|
|||
|
|
<a id="fullScreen" class=" pr10 pl10" href="javascript:;">
|
|||
|
|
<i class="layui-icon layui-icon-screen-full"></i>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="no-line layui-nav-item">
|
|||
|
|
<a href="javascript:;">
|
|||
|
|
<img src="images/head.png" class="layui-nav-img">
|
|||
|
|
bobi
|
|||
|
|
</a>
|
|||
|
|
<dl id="userInfo" class="layui-nav-child">
|
|||
|
|
<dd><a lay-id="u-1" href="javascript:;" data-url="pages/user/user.html">个人中心<span
|
|||
|
|
class="layui-badge-dot"></span></a></dd>
|
|||
|
|
<dd><a lay-id="u-2" href="javascript:;" data-url="pages/user/user-info.html">基本资料</a></dd>
|
|||
|
|
<dd><a lay-id="u-3" href="javascript:;" data-url="pages/user/changePwd.html">安全设置</a></dd>
|
|||
|
|
<dd>
|
|||
|
|
<hr/>
|
|||
|
|
</dd>
|
|||
|
|
<dd><a href="javascript:void(0)" id="logout">退出登录</a></dd>
|
|||
|
|
</dl>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<!--遮罩层-->
|
|||
|
|
<div class="ok-make"></div>
|
|||
|
|
<!--左侧导航区域-->
|
|||
|
|
<div class="layui-side layui-side-menu okadmin-bg-20222A ok-left">
|
|||
|
|
<div class="layui-side-scroll okadmin-side">
|
|||
|
|
<div class="okadmin-logo">ok-admin v2.0</div>
|
|||
|
|
<div class="user-photo">
|
|||
|
|
<a class="img" title="我的头像">
|
|||
|
|
<img src="images/head.png" class="userAvatar">
|
|||
|
|
</a>
|
|||
|
|
<p>你好！<span class="userName">bobi</span>, 欢迎登录</p>
|
|||
|
|
</div>
|
|||
|
|
<!--左侧导航菜单-->
|
|||
|
|
<ul id="navBar" class="layui-nav okadmin-nav okadmin-bg-20222A layui-nav-tree">
|
|||
|
|
<li class="layui-nav-item layui-this">
|
|||
|
|
<a href="javascript:;" lay-id="1" data-url="pages/home.html">
|
|||
|
|
<i is-close=false class="ok-icon ok-iconairplay"></i>
|
|||
|
|
后台首页
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 内容主体区域 -->
|
|||
|
|
<div class="content-body">
|
|||
|
|
<div class="layui-tab ok-tab" lay-filter="ok-tab" lay-allowClose="true" lay-unauto>
|
|||
|
|
<!--<div class="okadmin-pagetabs"></div>-->
|
|||
|
|
<div data-id="left" id="okLeftMove" class="layui-icon okadmin-tabs-control layui-icon-prev okNavMove"></div>
|
|||
|
|
<div data-id="right" id="okRightMove" class="layui-icon okadmin-tabs-control layui-icon-next okNavMove"></div>
|
|||
|
|
|
|||
|
|
<div class="layui-icon okadmin-tabs-control ok-right-nav-menu" style="right: 0;">
|
|||
|
|
<ul class="okadmin-nav">
|
|||
|
|
<li class="no-line okadmin-nav-item">
|
|||
|
|
<div class="okadmin-link layui-icon-down" href="javascript:;"></div>
|
|||
|
|
<dl id="tabAction" class="okadmin-nav-child layui-anim-upbit layui-anim">
|
|||
|
|
<dd><a data-num="1" href="javascript:;">关闭当前标签页</a></dd>
|
|||
|
|
<dd><a data-num="2" href="javascript:;">关闭其他标签页</a></dd>
|
|||
|
|
<dd><a data-num="3" href="javascript:;">关闭所有标签页</a></dd>
|
|||
|
|
</dl>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<ul class="layui-tab-title ok-tab-title not-scroll">
|
|||
|
|
<li class="layui-this" lay-id="1" tab="index">
|
|||
|
|
<i class="ok-icon ok-iconairplay"></i>
|
|||
|
|
<cite is-close=false>后台首页</cite>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<div class="layui-tab-content ok-tab-content">
|
|||
|
|
<div class="layui-tab-item layui-show">
|
|||
|
|
<iframe src='pages/home.html' frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!--底部信息-->
|
|||
|
|
<div class="layui-footer okadmin-text-center">
|
|||
|
|
Copyright ©2019-©2020 ok-admin v2.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">
|
|||
|
|
(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 type="text/javascript">
|
|||
|
|
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>
|