update: 更新layui2.5.6

master
zhizous 2020-02-03 11:29:32 +08:00
parent 75b6103571
commit 5e9293ef17
2 changed files with 258 additions and 256 deletions

View File

@ -1,154 +1,156 @@
<!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.css">
<link rel="stylesheet" href="lib/loading/okLoading.css" />
<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.css">
<link rel="stylesheet" href="lib/loading/okLoading.css"/>
<script type="text/javascript" src="lib/loading/okLoading.js"></script>
</head>
<body class="layui-layout-body">
<!-- 更换主体 Eg:orange_theme|blue_theme -->
<div class="layui-layout layui-layout-admin okadmin blue_theme">
<!--头部导航-->
<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"></i>
</a>
</li>
<!--天气信息-->
<!--
<li class="ok-nav-item ok-hide-md">
<div class="weather-ok">
<iframe frameborder="0" scrolling="no" class="iframe-style" src="pages/weather.html" frameborder="0"></iframe>
</div>
</li>
-->
<!-- 更换主体 Eg:orange_theme|blue_theme -->
<div class="layui-layout layui-layout-admin okadmin blue_theme">
<!--头部导航-->
<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"></i>
</a>
</li>
<!--天气信息-->
<!--
<li class="ok-nav-item ok-hide-md">
<div class="weather-ok">
<iframe frameborder="0" scrolling="no" class="iframe-style" src="pages/weather.html" frameborder="0"></iframe>
</div>
</li>
-->
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item ok-input-search">
<input type="text" placeholder="搜索..." class="layui-input layui-input-search"/>
</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="no-line layui-nav-item layui-hide-xs">
<a id="notice" class="flex-vc pr10 pl10" href="javascript:">
<i class="ok-icon ok-icon-notice icon-head-i" title="系统公告"></i>
<span class="layui-badge-dot"></span>
<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-icon ok-icon-lock icon-head-i" title="锁屏"></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/avatar.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/member/user.html">个人中心<span
class="layui-badge-dot"></span></a></dd>
<dd><a lay-id="u-2" href="javascript:" data-url="pages/member/user-info.html">基本资料</a></dd>
<dd><a lay-id="u-3" href="javascript:" data-url="pages/member/user-pwd.html">安全设置</a></dd>
<dd><a lay-id="u-4" href="javascript:" id="alertSkin">皮肤动画</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/avatar.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/console.html">
<i is-close=false class="ok-icon">&#xe654;</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 data-id="left" id="okLeftMove"
class="ok-icon ok-icon-back okadmin-tabs-control move-left okNavMove"></div>
<div data-id="right" id="okRightMove"
class="ok-icon ok-icon-right okadmin-tabs-control move-right okNavMove"></div>
<div class="layui-icon okadmin-tabs-control ok-right-nav-menu" style="right: 0;">
<ul class="okadmin-tab">
<li class="no-line okadmin-tab-item">
<div class="okadmin-link layui-icon-down" href="javascript:;"></div>
<dl id="tabAction" class="okadmin-tab-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>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item ok-input-search">
<input type="text" placeholder="搜索..." class="layui-input layui-input-search"/>
</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="no-line layui-nav-item layui-hide-xs">
<a id="notice" class="flex-vc pr10 pl10" href="javascript:">
<i class="ok-icon ok-icon-notice icon-head-i" title="系统公告"></i>
<span class="layui-badge-dot"></span>
<cite></cite>
</a>
</li>
</div>
<li class="no-line layui-nav-item layui-hide-xs">
<a id="lock" class="flex-vc pr10 pl10" href="javascript:">
<i class="ok-icon ok-icon-lock icon-head-i" title="锁屏"></i><cite></cite>
</a>
</li>
<ul id="tabTitle" class="layui-tab-title ok-tab-title not-scroll">
<li class="layui-this" lay-id="1" tab="index">
<i class="ok-icon">&#xe654;</i>
<cite is-close=false>控制台</cite>
</li>
</ul>
<!-- 全屏 -->
<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/avatar.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/member/user.html">个人中心<span class="layui-badge-dot"></span></a></dd>
<dd><a lay-id="u-2" href="javascript:" data-url="pages/member/user-info.html">基本资料</a></dd>
<dd><a lay-id="u-3" href="javascript:" data-url="pages/member/user-pwd.html">安全设置</a></dd>
<dd><a lay-id="u-4" href="javascript:" id="alertSkin">皮肤动画</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/avatar.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/console.html">
<i is-close=false class="ok-icon">&#xe654;</i>
控制台
</a>
</li>
</ul>
<div id="tabContent" class="layui-tab-content ok-tab-content">
<div class="layui-tab-item layui-show">
<iframe src='pages/console.html' frameborder="0" scrolling="yes" width="100%"
height="100%"></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- 内容主体区域 -->
<div class="content-body">
<div class="layui-tab ok-tab" lay-filter="ok-tab" lay-allowClose="true" lay-unauto>
<div data-id="left" id="okLeftMove"
class="ok-icon ok-icon-back okadmin-tabs-control move-left okNavMove"></div>
<div data-id="right" id="okRightMove"
class="ok-icon ok-icon-right okadmin-tabs-control move-right okNavMove"></div>
<div class="layui-icon okadmin-tabs-control ok-right-nav-menu" style="right: 0;">
<ul class="okadmin-tab">
<li class="no-line okadmin-tab-item">
<div class="okadmin-link layui-icon-down" href="javascript:;"></div>
<dl id="tabAction" class="okadmin-tab-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 id="tabTitle" class="layui-tab-title ok-tab-title not-scroll">
<li class="layui-this" lay-id="1" tab="index">
<i class="ok-icon">&#xe654;</i>
<cite is-close=false>控制台</cite>
</li>
</ul>
<div id="tabContent" class="layui-tab-content ok-tab-content">
<div class="layui-tab-item layui-show">
<iframe src='pages/console.html' frameborder="0" scrolling="yes" width="100%"
height="100%"></iframe>
</div>
</div>
</div>
</div>
<!--底部信息-->
<div class="layui-footer okadmin-text-center">
Copyright ©2018-©2019 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="js/okadmin.js"></script>
<script type="text/javascript" src="lib/loading/okLoading.js"></script>
<!--底部信息-->
<div class="layui-footer okadmin-text-center">
Copyright ©2018-©2019 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="js/okadmin.js"></script>
</body>
</html>

View File

@ -1,134 +1,134 @@
<!DOCTYPE html>
<html>
<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后台系统。">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="../css/oksub.css" media="all"/>
<script type="text/javascript" src="../lib/echarts/echarts.min.js"></script>
<script type="text/javascript" src="../lib/echarts/echarts.themez.js"></script>
<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后台系统。">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="../css/oksub.css" media="all"/>
<script type="text/javascript" src="../lib/loading/okLoading.js"></script>
<script type="text/javascript" src="../lib/echarts/echarts.min.js"></script>
<script type="text/javascript" src="../lib/echarts/echarts.themez.js"></script>
</head>
<body class="console console1 ok-body-scroll">
<div class="ok-body home">
<div class="layui-row layui-col-space15">
<div class="layui-col-xs6 layui-col-md3">
<div class="ok-card layui-card">
<div class="ok-card-body p0 clearfix cart-data">
<div class="data-body">
<div class="media-cont">
<p class="tit">收入</p>
<h5 class="num">0</h5>
</div>
<div class="w-img" ok-pc-in-show>
<img src="../images/home-01.png" alt="收入"/>
</div>
</div>
<div id="echIncome" class="line-home-a"></div>
</div>
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-col-xs6 layui-col-md3">
<div class="ok-card layui-card">
<div class="ok-card-body p0 clearfix cart-data">
<div class="data-body">
<div class="media-cont">
<p class="tit">收入</p>
<h5 class="num">0</h5>
</div>
<div class="w-img" ok-pc-in-show>
<img src="../images/home-01.png" alt="收入"/>
</div>
</div>
<div id="echIncome" class="line-home-a"></div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="ok-card layui-card">
<div class="ok-card-body p0 clearfix cart-data">
<div class="data-body">
<div class="media-cont">
<p class="tit">商品</p>
<h5 class="num">0</h5>
</div>
<div class="w-img" ok-pc-in-show>
<img src="../images/home-02.png" alt="商品"/>
</div>
</div>
<div id="echGoods" class="line-home-a"></div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="ok-card layui-card">
<div class="ok-card-body p0 clearfix cart-data">
<div class="data-body">
<div class="media-cont">
<p class="tit">商品</p>
<h5 class="num">0</h5>
</div>
<div class="w-img" ok-pc-in-show>
<img src="../images/home-02.png" alt="商品"/>
</div>
</div>
<div id="echGoods" class="line-home-a"></div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="ok-card layui-card">
<div class="ok-card-body p0 clearfix cart-data">
<div class="data-body">
<div class="media-cont">
<p class="tit">博客</p>
<h5 class="num">0</h5>
</div>
<div class="w-img" ok-pc-in-show>
<img src="../images/home-03.png" alt="博客"/>
</div>
</div>
<div id="echBlogs" class="line-home-a"></div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="ok-card layui-card">
<div class="ok-card-body p0 clearfix cart-data">
<div class="data-body">
<div class="media-cont">
<p class="tit">博客</p>
<h5 class="num">0</h5>
</div>
<div class="w-img" ok-pc-in-show>
<img src="../images/home-03.png" alt="博客"/>
</div>
</div>
<div id="echBlogs" class="line-home-a"></div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="ok-card layui-card">
<div class="ok-card-body p0 clearfix cart-data">
<div class="data-body">
<div class="media-cont">
<p class="tit">用户</p>
<h5 class="num">0</h5>
</div>
<div class="w-img" ok-pc-in-show>
<img src="../images/home-04.png" alt="用户"/>
</div>
</div>
<div id="echUser" class="line-home-a"></div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="ok-card layui-card">
<div class="ok-card-body p0 clearfix cart-data">
<div class="data-body">
<div class="media-cont">
<p class="tit">用户</p>
<h5 class="num">0</h5>
</div>
<div class="w-img" ok-pc-in-show>
<img src="../images/home-04.png" alt="用户"/>
</div>
</div>
<div id="echUser" class="line-home-a"></div>
</div>
</div>
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-col-md8">
<div class="layui-card">
<div class="layui-card-header">
<div class="ok-card-title">今日用户活跃量</div>
</div>
<div class="ok-card-body map-body">
<div style="height: 100%;" id="userActiveTodayChart"></div>
</div>
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-col-md8">
<div class="layui-card">
<div class="layui-card-header">
<div class="ok-card-title">今日用户活跃量</div>
</div>
<div class="ok-card-body map-body">
<div style="height: 100%;" id="userActiveTodayChart"></div>
</div>
</div>
</div>
<div class="layui-col-md4">
<div class="layui-card">
<div class="layui-card-header">
<div class="ok-card-title">今日用户访问来源</div>
</div>
<div class="ok-card-body map-body">
<div style="height: 100%;" id="userSourceTodayChart"></div>
</div>
</div>
</div>
</div>
<div class="layui-col-md4">
<div class="layui-card">
<div class="layui-card-header">
<div class="ok-card-title">今日用户访问来源</div>
</div>
<div class="ok-card-body map-body">
<div style="height: 100%;" id="userSourceTodayChart"></div>
</div>
</div>
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header">
<div class="ok-card-title">本周用户访问来源</div>
</div>
<div class="ok-card-body clearfix">
<div class="map-china" id="userSourceWeekChart"></div>
</div>
</div>
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header">
<div class="ok-card-title">本周用户访问来源</div>
</div>
<div class="ok-card-body clearfix">
<div class="map-china" id="userSourceWeekChart"></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../lib/layui/layui.js"></script>
<script type="text/javascript" src="../js/console1.js"></script>
<script type="text/javascript" src="../lib/loading/okLoading.js"></script>