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

fixed:抽离css

master
bobi 2019-08-26 19:28:05 +08:00
parent 0a837d9f40
commit 2eefbbff52
3 changed files with 76 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
lib/layui/lay/okmodules/okUtils.js
View File

@ -23,11 +23,11 @@ layui.define(["layer"], function (exprots) {
var element = element || [];
window.addEventListener("resize", function () {
var isResize = localStorage.getItem("isResize");
if (isResize == "false") {
for (var i = 0; i < element.length; i++) {
// if (isResize == "false") {
for (let i = 0; i < element.length; i++) {
element[i].resize();
}
}
// }
});
},
/**

41
pages/console.html
View File

@ -11,12 +11,49 @@
<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/console.css" media="all"/>
<script type="text/javascript" src="../lib/echarts/echarts.min.js"></script>
<script type="text/javascript" src="../lib/echarts/echarts.theme.js"></script>
<script type="text/javascript" src="../lib/echarts/world/js/china.js"></script>
<!--<link rel="stylesheet" href="../css/console.css" media="all"/>-->
<link rel="stylesheet" href="../css/sub.css" media="all"/>
<style>
.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{-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}
.my-card-title{color:#212529;font-size:16px;padding-bottom:20px;font-weight:bolder}
.ok-card-body{padding:20px;position:relative;width:100%;box-sizing:border-box}
</style>
</head>
<body class="childrenBody home ok-body-scroll">
<body class="ok-body home ok-body-scroll">
<div class="layui-row layui-col-space15">
<div class="layui-col-xs6 layui-col-md3">
<div class="layui-card">

36
pages/console1.html
View File

@ -11,11 +11,43 @@
<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/console1.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>
<!--<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>
</head>
<body class="childrenBody home ok-body-scroll">
<body class="ok-body home ok-body-scroll">
<div class="layui-row layui-col-space15">
<div class="layui-col-xs6 layui-col-md3">
<div class="ok-card layui-card">