del: console的css
parent
b0a90028c0
commit
66cdb1ed28
|
|
@ -2,31 +2,30 @@
|
|||
@import "../lib/layui/css/layui.css";
|
||||
|
||||
/**控制台样式*/
|
||||
.console .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}
|
||||
.console .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}
|
||||
.console .cart-data .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}
|
||||
.console .cart-data .stat-heading{color:#99abb4}
|
||||
.console .cart-data .img-box{display:inline-block;vertical-align:middle;padding-right:20px}
|
||||
.console .cart-data .img-box img{width:60px}
|
||||
.console .cart-data .cart-r{display:inline-block;vertical-align:middle}
|
||||
.console .map-body{height:360px}
|
||||
.console .map-china{height:360px}
|
||||
.console .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}
|
||||
.console .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}
|
||||
.console .ok-card-body{padding:20px;position:relative;width:100%;box-sizing:border-box}
|
||||
.console .ok-card-body .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}
|
||||
.console .ok-card-body .stat-heading{color:#99abb4}
|
||||
.console .ok-card-body .img-box{display:inline-block;vertical-align:middle;padding-right:20px}
|
||||
.console .ok-card-body .img-box img{width:60px}
|
||||
.console .ok-card-body .cart-r{display:inline-block;vertical-align:middle}
|
||||
.console .progress-box{margin-bottom:20px;display:flex}
|
||||
.console .progress-box .por-title{font-weight:600;color:#868e96;padding-bottom:5px}
|
||||
.console .progress-box .por-txt{font-size:13px;padding-bottom:5px}
|
||||
.console .progress-box .pro-head{width:50px;height:50px;line-height:50px;display:inline-block;vertical-align:middle;float:left;overflow:hidden;padding-right:20px}
|
||||
.console .progress-box .pro-head img{background:#bea8ab;width:100%;height:100%;border-radius:100%}
|
||||
.console .progress-box .pro-data{display:inline-block;vertical-align:middle;flex:1}
|
||||
.console .data-body .w-img img{width:100%;height:100%}
|
||||
.console .cart-data .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}
|
||||
.console .cart-data .stat-heading{color:#99abb4}
|
||||
.console .cart-data .img-box{display:inline-block;vertical-align:middle}
|
||||
.console .cart-data .img-box img{width:60px}
|
||||
.console .cart-data .cart-r{display:inline-block;vertical-align:middle;padding-left:20px}
|
||||
.console .ok-card-body{padding:20px;position:relative;width:100%;box-sizing:border-box}
|
||||
.console .ok-card-body .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}
|
||||
.console .ok-card-body .stat-heading{color:#99abb4}
|
||||
.console .ok-card-body .img-box{display:inline-block;vertical-align:middle}
|
||||
.console .ok-card-body .img-box img{width:60px}
|
||||
.console .ok-card-body .cart-r{display:inline-block;vertical-align:middle;padding-left:20px}
|
||||
|
||||
|
||||
/*控制台*/
|
||||
/*控制台1*/
|
||||
.console1 .data-body .w-img{width:60px;height:60px}
|
||||
.console1 .data-body .w-img img{width:100%;height:100%}
|
||||
.console1 .line-home-a{height:60px}
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="ok-card-body">
|
||||
<div class="img-box" ok-pc-in-show>
|
||||
<img src="../images/home-01.png" alt="none"/>
|
||||
</div>
|
||||
|
|
@ -35,8 +35,8 @@
|
|||
</div>
|
||||
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="layui-card ">
|
||||
<div class="ok-card-body">
|
||||
<div class="img-box" ok-pc-in-show>
|
||||
<img src="../images/home-02.png" alt="none"/>
|
||||
</div>
|
||||
|
|
@ -50,7 +50,7 @@
|
|||
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="ok-card-body">
|
||||
<div class="img-box" ok-pc-in-show>
|
||||
<img src="../images/home-03.png" alt="none"/>
|
||||
</div>
|
||||
|
|
@ -64,7 +64,7 @@
|
|||
|
||||
<div class="layui-col-xs6 layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix cart-data">
|
||||
<div class="ok-card-body">
|
||||
<div class="img-box" ok-pc-in-show>
|
||||
<img src="../images/home-04.png" alt="none"/>
|
||||
</div>
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
<div class="ok-card-title">用户排行榜</div>
|
||||
</div>
|
||||
<div class="ok-card-body map-body" style="height: 320px">
|
||||
<div class="progress-box clearfix">
|
||||
<div class="progress-box ">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
|
|
@ -105,7 +105,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress-box clearfix">
|
||||
<div class="progress-box ">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
|
|
@ -118,7 +118,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress-box clearfix">
|
||||
<div class="progress-box ">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
|
|
@ -131,7 +131,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="progress-box clearfix">
|
||||
<div class="progress-box ">
|
||||
<div class="pro-head">
|
||||
<img src="../images/face.jpg" alt="none"/>
|
||||
</div>
|
||||
|
|
@ -151,14 +151,14 @@
|
|||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix">
|
||||
<div class="ok-card-body ">
|
||||
<table id="userData" lay-filter="userdata"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-card">
|
||||
<div class="ok-card-body clearfix">
|
||||
<div class="ok-card-body ">
|
||||
<div class="map-china" id="userLocationMap"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue