ok-admin/pages/home2.html

146 lines
4.8 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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/home2.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>
</head>
<body class="childrenBody 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-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-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="my-card-title">用户活跃量</div>
</div>
<div class="ok-card-body map-body">
<div style="height: 100%;" id="echOne"></div>
</div>
</div>
</div>
<div class="layui-col-md4">
<div class="layui-card">
<div class="layui-card-header">
<div class="my-card-title">用户访问来源</div>
</div>
<div class="ok-card-body map-body">
<div style="height: 100%;" id="echTwo"></div>
</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">
<div class="map-china" id="mapThree"></div>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../lib/layui/layui.js"></script>
<script type="text/javascript" src="../js/home2.js"></script>