root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ok-admin/pages/console1.html

177 lines
7.1 KiB
HTML
Raw Normal View History

增加一个home页
2019-06-21 03:02:58 +00:00
<!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">
<script type="text/javascript" src="../lib/echarts/echarts.min.js"></script>
<script type="text/javascript" src="../lib/echarts/echarts.themez.js"></script>
fixed:抽离css
2019-08-26 11:28:05 +00:00
<!--<link rel="stylesheet" href="../css/console1.css" media="all"/>-->
<link rel="stylesheet" href="../css/sub.css" media="all"/>
<style>
.home .layui-card{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);border-radius:5px}
.cart-data .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}
.cart-data .stat-heading{color:#99abb4}
.cart-data .img-box{display:inline-block;vertical-align:middle;padding-right:20px}
.cart-data .img-box img{width:60px}
.cart-data .cart-r{display:inline-block;vertical-align:middle}
.my-card-title{color:#212529;font-size:16px;padding-bottom:20px;font-weight:bolder}
.map-body{height:360px}
.map-china{height:360px}
.progress-box{margin-bottom:20px;display:flex}
.progress-box .por-title{font-weight:600;color:#868e96;padding-bottom:5px}
.progress-box .por-txt{font-size:13px;padding-bottom:5px}
.progress-box .pro-head{width:50px;height:50px;line-height:50px;display:inline-block;vertical-align:middle;float:left;overflow:hidden;padding-right:20px}
.progress-box .pro-head img{background:#bea8ab;width:100%;height:100%;border-radius:100%}
.progress-box .pro-data{display:inline-block;vertical-align:middle;flex:1}
#calendar .layui-laydate{border-radius:5px;border:0;-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08)}
.data-body{display:flex;padding:20px;padding-bottom:0;color:#333}
.data-body .media-cont{-ms-flex-align:center!important;align-items:center!important;-ms-flex:1 1 auto;flex:1 1 auto}
.data-body .media-cont .tit{font-size:16px;padding-bottom:5px}
.data-body .media-cont .num{font-size:24px;line-height:22px}
.data-body .w-img{width:60px;height:60px}
.data-body .w-img img{width:100%;height:100%}
.line-home-a{height:60px}
.cart-data .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}
.extra-small-font{font-size:12px}
.cart-data .stat-heading{color:#99abb4}
.cart-data .img-box{display:inline-block;vertical-align:middle}
.cart-data .img-box img{width:60px}
.cart-data .cart-r{display:inline-block;vertical-align:middle;padding-left:20px}
</style>
增加一个home页
2019-06-21 03:02:58 +00:00
</head>
fixed:抽离css
2019-08-26 11:28:05 +00:00
<body class="ok-body home ok-body-scroll">
增加一个home页
2019-06-21 03:02:58 +00:00
<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>
fixed:format code
2019-08-22 03:30:35 +00:00
<img src="../images/home-01.png" alt="收入"/>
增加一个home页
2019-06-21 03:02:58 +00:00
</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>
fixed:format code
2019-08-22 03:30:35 +00:00
<img src="../images/home-02.png" alt="商品"/>
增加一个home页
2019-06-21 03:02:58 +00:00
</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>
fixed:format code
2019-08-22 03:30:35 +00:00
<img src="../images/home-03.png" alt="博客"/>
增加一个home页
2019-06-21 03:02:58 +00:00
</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>
fixed:format code
2019-08-22 03:30:35 +00:00
<img src="../images/home-04.png" alt="用户"/>
增加一个home页
2019-06-21 03:02:58 +00:00
</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">
fixed: 菜单缩进
2019-08-26 09:08:33 +00:00
<div class="ok-card-title">今日用户活跃量</div>
增加一个home页
2019-06-21 03:02:58 +00:00
</div>
<div class="ok-card-body map-body">
del:抽离console.html chart data
2019-08-24 17:44:22 +00:00
<div style="height: 100%;" id="userActiveTodayChart"></div>
增加一个home页
2019-06-21 03:02:58 +00:00
</div>
</div>
</div>
<div class="layui-col-md4">
<div class="layui-card">
<div class="layui-card-header">
fixed: 菜单缩进
2019-08-26 09:08:33 +00:00
<div class="ok-card-title">今日用户访问来源</div>
增加一个home页
2019-06-21 03:02:58 +00:00
</div>
<div class="ok-card-body map-body">
del:抽离console.html chart data
2019-08-24 17:44:22 +00:00
<div style="height: 100%;" id="userSourceTodayChart"></div>
增加一个home页
2019-06-21 03:02:58 +00:00
</div>
</div>
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card">
<div class="ok-card-body clearfix">
del:抽离console.html chart data
2019-08-24 17:44:22 +00:00
<div class="map-china" id="userSourceWeekChart"></div>
增加一个home页
2019-06-21 03:02:58 +00:00
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../lib/layui/layui.js"></script>
fixed:echartsResize
2019-08-24 15:27:51 +00:00
<script type="text/javascript" src="../js/console1.js"></script>
增加一个home页
2019-06-21 03:02:58 +00:00