fixed: 菜单缩进
parent
69e747b839
commit
501eb911f5
|
|
@ -24,7 +24,12 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
.ok-card-title {
|
||||||
|
color: #212529;
|
||||||
|
font-size: 16px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
.ok-card {
|
.ok-card {
|
||||||
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08);
|
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, .08);
|
box-shadow: 0 0 20px rgba(0, 0, 0, .08);
|
||||||
|
|
@ -51,8 +56,6 @@
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*强制不换行,都起作用*/
|
|
||||||
|
|
||||||
/**边距**/
|
/**边距**/
|
||||||
.p0 {
|
.p0 {
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
|
|
|
||||||
|
|
@ -1,18 +1,5 @@
|
||||||
@import "./common.css";
|
@import "./common.css";
|
||||||
@import "../lib/layui/css/layui.css";
|
@import "../lib/layui/css/layui.css";
|
||||||
|
|
||||||
.yskj-card-body{
|
|
||||||
padding: 20px;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.yskj-card-body-tb{
|
|
||||||
padding: 20px 0;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
.home .layui-card{
|
.home .layui-card{
|
||||||
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.08);
|
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.08);
|
||||||
box-shadow: 0 0 20px rgba(0,0,0,.08);
|
box-shadow: 0 0 20px rgba(0,0,0,.08);
|
||||||
|
|
@ -160,9 +147,3 @@
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-card-title {
|
|
||||||
color: #212529;
|
|
||||||
font-size: 16px;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
font-weight: bolder;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -313,10 +313,21 @@
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ok-left.layui-side-menu .layui-nav .layui-nav-item .layui-nav-child dl a {
|
/*第三级菜单及其一下的缩进样式*/
|
||||||
|
#navBar .layui-nav-child .layui-nav-child > dd > a {
|
||||||
padding-left: 65px;
|
padding-left: 65px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*第四级菜单及其一下的缩进样式*/
|
||||||
|
#navBar .layui-nav-child .layui-nav-child .layui-nav-child > dd > a {
|
||||||
|
padding-left: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*第五级菜单及其一下的缩进样式*/
|
||||||
|
#navBar .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child > dd > a {
|
||||||
|
padding-left: 115px;
|
||||||
|
}
|
||||||
|
|
||||||
.ok-left .user-photo {
|
.ok-left .user-photo {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 120px;
|
height: 120px;
|
||||||
|
|
|
||||||
|
|
@ -20,8 +20,8 @@ String.prototype.format = function () {
|
||||||
|
|
||||||
/**打开已经打开的tabMenu**/
|
/**打开已经打开的tabMenu**/
|
||||||
let OpenTabMenuFun = function ($, fun) {
|
let OpenTabMenuFun = function ($, fun) {
|
||||||
var tabMenu = localStorage.getItem("tabMenu");//已经打开的tab页面
|
var tabMenu = sessionStorage.getItem("tabMenu");//已经打开的tab页面
|
||||||
var tabMenuLeft = localStorage.getItem("tabMenuLeft");//tab的位置
|
var tabMenuLeft = sessionStorage.getItem("tabMenuLeft");//tab的位置
|
||||||
if (tabMenu) {
|
if (tabMenu) {
|
||||||
tabMenu = JSON.parse(tabMenu);
|
tabMenu = JSON.parse(tabMenu);
|
||||||
$("#tabTitle").html(tabMenu.tabTitle).animate({
|
$("#tabTitle").html(tabMenu.tabTitle).animate({
|
||||||
|
|
@ -42,14 +42,14 @@ function saveTabMenuFun($) {
|
||||||
tabTitle: tabTitle.html(),
|
tabTitle: tabTitle.html(),
|
||||||
tabContent: $("#tabContent").html()
|
tabContent: $("#tabContent").html()
|
||||||
});
|
});
|
||||||
localStorage.setItem('tabMenu', tabMenu);
|
sessionStorage.setItem('tabMenu', tabMenu);
|
||||||
localStorage.setItem('tabMenuLeft', $("#tabTitle").css('left'));
|
sessionStorage.setItem('tabMenuLeft', $("#tabTitle").css('left'));
|
||||||
}
|
}
|
||||||
|
|
||||||
/**tab的位置**/
|
/**tab的位置**/
|
||||||
function saveTabMenuPosition(num) {
|
function saveTabMenuPosition(num) {
|
||||||
num = num || $("#tabTitle").css('left');
|
num = num || $("#tabTitle").css('left');
|
||||||
localStorage.setItem('tabMenuLeft', num);
|
sessionStorage.setItem('tabMenuLeft', num);
|
||||||
}
|
}
|
||||||
|
|
||||||
layui.define(["element", "jquery"], function (exports) {
|
layui.define(["element", "jquery"], function (exports) {
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,7 @@
|
||||||
<div class="layui-row layui-col-space15">
|
<div class="layui-row layui-col-space15">
|
||||||
<div class="layui-col-xs6 layui-col-md3">
|
<div class="layui-col-xs6 layui-col-md3">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body clearfix cart-data">
|
<div class="ok-card-body clearfix cart-data">
|
||||||
<div class="img-box" ok-pc-in-show>
|
<div class="img-box" ok-pc-in-show>
|
||||||
<img src="../images/home-01.png" alt="none"/>
|
<img src="../images/home-01.png" alt="none"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -34,7 +34,7 @@
|
||||||
|
|
||||||
<div class="layui-col-xs6 layui-col-md3">
|
<div class="layui-col-xs6 layui-col-md3">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body clearfix cart-data">
|
<div class="ok-card-body clearfix cart-data">
|
||||||
<div class="img-box" ok-pc-in-show>
|
<div class="img-box" ok-pc-in-show>
|
||||||
<img src="../images/home-02.png" alt="none"/>
|
<img src="../images/home-02.png" alt="none"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -48,7 +48,7 @@
|
||||||
|
|
||||||
<div class="layui-col-xs6 layui-col-md3">
|
<div class="layui-col-xs6 layui-col-md3">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body clearfix cart-data">
|
<div class="ok-card-body clearfix cart-data">
|
||||||
<div class="img-box" ok-pc-in-show>
|
<div class="img-box" ok-pc-in-show>
|
||||||
<img src="../images/home-03.png" alt="none"/>
|
<img src="../images/home-03.png" alt="none"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -62,7 +62,7 @@
|
||||||
|
|
||||||
<div class="layui-col-xs6 layui-col-md3">
|
<div class="layui-col-xs6 layui-col-md3">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body clearfix cart-data">
|
<div class="ok-card-body clearfix cart-data">
|
||||||
<div class="img-box" ok-pc-in-show>
|
<div class="img-box" ok-pc-in-show>
|
||||||
<img src="../images/home-04.png" alt="none"/>
|
<img src="../images/home-04.png" alt="none"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -78,7 +78,7 @@
|
||||||
<div class="layui-row layui-col-space15">
|
<div class="layui-row layui-col-space15">
|
||||||
<div class="layui-col-md8">
|
<div class="layui-col-md8">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body map-body">
|
<div class="ok-card-body map-body">
|
||||||
<div style="height: 100%;" id="userSourceMap"></div>
|
<div style="height: 100%;" id="userSourceMap"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -86,9 +86,10 @@
|
||||||
|
|
||||||
<div class="layui-col-md4">
|
<div class="layui-col-md4">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body map-body">
|
<div class="layui-card-header">
|
||||||
<h4 class="my-card-title">用户排行榜</h4>
|
<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 clearfix">
|
||||||
<div class="pro-head">
|
<div class="pro-head">
|
||||||
<img src="../images/face.jpg" alt="none"/>
|
<img src="../images/face.jpg" alt="none"/>
|
||||||
|
|
@ -148,14 +149,14 @@
|
||||||
<div class="layui-row layui-col-space15">
|
<div class="layui-row layui-col-space15">
|
||||||
<div class="layui-col-md6">
|
<div class="layui-col-md6">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body clearfix">
|
<div class="ok-card-body clearfix">
|
||||||
<table id="userData" lay-filter="userdata"></table>
|
<table id="userData" lay-filter="userdata"></table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-col-md6">
|
<div class="layui-col-md6">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body clearfix">
|
<div class="ok-card-body clearfix">
|
||||||
<div class="map-china" id="userLocationMap"></div>
|
<div class="map-china" id="userLocationMap"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -90,7 +90,7 @@
|
||||||
<div class="layui-col-md8">
|
<div class="layui-col-md8">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="layui-card-header">
|
<div class="layui-card-header">
|
||||||
<div class="my-card-title">今日用户活跃量</div>
|
<div class="ok-card-title">今日用户活跃量</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ok-card-body map-body">
|
<div class="ok-card-body map-body">
|
||||||
<div style="height: 100%;" id="userActiveTodayChart"></div>
|
<div style="height: 100%;" id="userActiveTodayChart"></div>
|
||||||
|
|
@ -101,7 +101,7 @@
|
||||||
<div class="layui-col-md4">
|
<div class="layui-col-md4">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="layui-card-header">
|
<div class="layui-card-header">
|
||||||
<div class="my-card-title">今日用户访问来源</div>
|
<div class="ok-card-title">今日用户访问来源</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ok-card-body map-body">
|
<div class="ok-card-body map-body">
|
||||||
<div style="height: 100%;" id="userSourceTodayChart"></div>
|
<div style="height: 100%;" id="userSourceTodayChart"></div>
|
||||||
|
|
|
||||||
|
|
@ -20,7 +20,7 @@
|
||||||
<div class="layui-row layui-col-space15">
|
<div class="layui-row layui-col-space15">
|
||||||
<div class="layui-col-xs6 layui-col-md3">
|
<div class="layui-col-xs6 layui-col-md3">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body clearfix cart-data">
|
<div class="ok-card-body clearfix cart-data">
|
||||||
<div class="img-box">
|
<div class="img-box">
|
||||||
<img src="../images/home-01.png" alt="none"/>
|
<img src="../images/home-01.png" alt="none"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -34,7 +34,7 @@
|
||||||
|
|
||||||
<div class="layui-col-xs6 layui-col-md3">
|
<div class="layui-col-xs6 layui-col-md3">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body clearfix cart-data">
|
<div class="ok-card-body clearfix cart-data">
|
||||||
<div class="img-box">
|
<div class="img-box">
|
||||||
<img src="../images/home-02.png" alt="none"/>
|
<img src="../images/home-02.png" alt="none"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -48,7 +48,7 @@
|
||||||
|
|
||||||
<div class="layui-col-xs6 layui-col-md3">
|
<div class="layui-col-xs6 layui-col-md3">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body clearfix cart-data">
|
<div class="ok-card-body clearfix cart-data">
|
||||||
<div class="img-box">
|
<div class="img-box">
|
||||||
<img src="../images/home-03.png" alt="none"/>
|
<img src="../images/home-03.png" alt="none"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -62,7 +62,7 @@
|
||||||
|
|
||||||
<div class="layui-col-xs6 layui-col-md3">
|
<div class="layui-col-xs6 layui-col-md3">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body clearfix cart-data">
|
<div class="ok-card-body clearfix cart-data">
|
||||||
<div class="img-box">
|
<div class="img-box">
|
||||||
<img src="../images/home-04.png" alt="none"/>
|
<img src="../images/home-04.png" alt="none"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -78,7 +78,7 @@
|
||||||
<div class="layui-row layui-col-space15">
|
<div class="layui-row layui-col-space15">
|
||||||
<div class="layui-col-md8">
|
<div class="layui-col-md8">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body map-body">
|
<div class="ok-card-body map-body">
|
||||||
<div style="height: 100%;" id="mapOne"></div>
|
<div style="height: 100%;" id="mapOne"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -86,7 +86,7 @@
|
||||||
|
|
||||||
<div class="layui-col-md4">
|
<div class="layui-col-md4">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body map-body">
|
<div class="ok-card-body map-body">
|
||||||
<h4 class="my-card-title">用户排行榜</h4>
|
<h4 class="my-card-title">用户排行榜</h4>
|
||||||
|
|
||||||
<div class="progress-box clearfix">
|
<div class="progress-box clearfix">
|
||||||
|
|
@ -148,14 +148,14 @@
|
||||||
<div class="layui-row layui-col-space15">
|
<div class="layui-row layui-col-space15">
|
||||||
<div class="layui-col-md6">
|
<div class="layui-col-md6">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body clearfix">
|
<div class="ok-card-body clearfix">
|
||||||
<table id="userData" lay-filter="userdata"></table>
|
<table id="userData" lay-filter="userdata"></table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="layui-col-md6">
|
<div class="layui-col-md6">
|
||||||
<div class="layui-card">
|
<div class="layui-card">
|
||||||
<div class="yskj-card-body clearfix">
|
<div class="ok-card-body clearfix">
|
||||||
<div class="map-china" id="mapChina"></div>
|
<div class="map-china" id="mapChina"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue