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

fixed: 移至css

master
zhizou 2019-08-27 16:04:56 +08:00
parent 217d977a9a
commit d7486c19a3
7 changed files with 227 additions and 346 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/oksub.css
View File

@ -32,6 +32,28 @@
::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);}
/**控制台样式*/
.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 .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}
/*控制台*/
.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}.console1 .data-body .media-cont .tit{font-size:16px;padding-bottom:5px}.console1 .data-body .media-cont .num{font-size:24px;line-height:22px}.console1 .data-body .media-cont{-ms-flex-align:center!important;align-items:center!important;-ms-flex:1 1 auto;flex:1 1 auto}.console1 .data-body{display:flex;padding:20px;padding-bottom:0;color:#333}
/*登录*/
#login .layui-icon{font-size:16px!important}#login .mag0{margin:0!important}#login ::selection{background:#ff5722;color:#fff}#login .layui-red{color:red!important;font-weight:700}#login .layui-blue{color:#01aaed!important}#login .layui-form-item.layui-input-focus input{border-color:#ff6700!important}#login .layui-block{width:100%!important}#login{width:100%;height:100%;background-image:url(../images/login-bg.jpg);position:relative}#login form.layui-form{padding:0 20px 20px 20px;width:300px;position:absolute;left:50%;top:50%;margin:-150px 0 0 -150px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 0 50px #009688}#login .login_face{margin:-55px auto 20px;width:100px;height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid #fff;overflow:hidden;box-shadow:0 0 30px #009688;background:#fff}#login .login_face img{width:100%}#login .layui-form-item{position:relative}#login .layui-form-item label{position:absolute;color:#757575;left:10px;top:9px;line-height:20px;background:0 0;padding:0 5px;font-size:14px;cursor:text}#login #code{padding-right:110px}#login .captcha-box .img{position:absolute;top:1px;bottom:1px;right:1px;cursor:pointer;width:100px;background:#c4e1ce}#login .layui-form-item input{background:#fff!important}#login .layui-form-item input,#login .layui-form-item label{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}#login .layui-form-item input::placeholder{color:transparent!important}#login .layui-form-item.layui-input-focus input::placeholder{color:#757575!important}#login .layui-form-item.layui-input-active label,#login .layui-form-item.layui-input-focus label{top:-10px;font-size:12px;color:#ff6700;background:#fff!important}
/*响应样式*/
@media screen and (max-width: 750px) {
/*控制台*/

346
pages/console.html
View File

@ -16,247 +16,151 @@
<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/oksub.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
}
.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
}
.data-body .w-img img {
width: 100%;
height: 100%
}
.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
}
.cart-data .img-box img {
width: 60px
}
.cart-data .cart-r {
display: inline-block;
vertical-align: middle;
padding-left: 20px
}
.ok-card-body {
padding: 20px;
position: relative;
width: 100%;
box-sizing: border-box
}
</style>
</head>
<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">
<div class="ok-card-body clearfix cart-data">
<div class="img-box" ok-pc-in-show>
<img src="../images/home-01.png" alt="none"/>
</div>
<div class="cart-r">
<div class="stat-text incomes-num">0</div>
<div class="stat-heading">收入</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="layui-card">
<div class="ok-card-body clearfix cart-data">
<div class="img-box" ok-pc-in-show>
<img src="../images/home-02.png" alt="none"/>
</div>
<div class="cart-r">
<div class="stat-text goods-num">0</div>
<div class="stat-heading">商品</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="layui-card">
<div class="ok-card-body clearfix cart-data">
<div class="img-box" ok-pc-in-show>
<img src="../images/home-03.png" alt="none"/>
</div>
<div class="cart-r">
<div class="stat-text blogs-num">0</div>
<div class="stat-heading">博客</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="layui-card">
<div class="ok-card-body clearfix cart-data">
<div class="img-box" ok-pc-in-show>
<img src="../images/home-04.png" alt="none"/>
</div>
<div class="cart-r">
<div class="stat-text fans-num">0</div>
<div class="stat-heading">用户</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-col-md8">
<div class="layui-card">
<div class="ok-card-body map-body">
<div style="height: 100%;" id="userSourceMap"></div>
</div>
</div>
</div>
<div class="layui-col-md4">
<div class="layui-card">
<div class="layui-card-header">
<div class="ok-card-title">用户排行榜</div>
</div>
<div class="ok-card-body map-body" style="height: 320px">
<div class="progress-box clearfix">
<div class="pro-head">
<img src="../images/face.jpg" alt="none"/>
<body class="ok-body-scroll console">
<div class="ok-body home">
<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="img-box" ok-pc-in-show>
<img src="../images/home-01.png" alt="none"/>
</div>
<div class="pro-data">
<h4 class="por-title">Visits</h4>
<div class="por-txt pro-a">用户比例</div>
<div class="layui-progress" lay-filter="pro-a">
<div class="layui-progress-bar per-bg-a" lay-percent="35%"></div>
<div class="cart-r">
<div class="stat-text incomes-num">0</div>
<div class="stat-heading">收入</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="layui-card">
<div class="ok-card-body clearfix cart-data">
<div class="img-box" ok-pc-in-show>
<img src="../images/home-02.png" alt="none"/>
</div>
<div class="cart-r">
<div class="stat-text goods-num">0</div>
<div class="stat-heading">商品</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="layui-card">
<div class="ok-card-body clearfix cart-data">
<div class="img-box" ok-pc-in-show>
<img src="../images/home-03.png" alt="none"/>
</div>
<div class="cart-r">
<div class="stat-text blogs-num">0</div>
<div class="stat-heading">博客</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs6 layui-col-md3">
<div class="layui-card">
<div class="ok-card-body clearfix cart-data">
<div class="img-box" ok-pc-in-show>
<img src="../images/home-04.png" alt="none"/>
</div>
<div class="cart-r">
<div class="stat-text fans-num">0</div>
<div class="stat-heading">用户</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-col-md8">
<div class="layui-card">
<div class="ok-card-body map-body">
<div style="height: 100%;" id="userSourceMap"></div>
</div>
</div>
</div>
<div class="layui-col-md4">
<div class="layui-card">
<div class="layui-card-header">
<div class="ok-card-title">用户排行榜</div>
</div>
<div class="ok-card-body map-body" style="height: 320px">
<div class="progress-box clearfix">
<div class="pro-head">
<img src="../images/face.jpg" alt="none"/>
</div>
<div class="pro-data">
<h4 class="por-title">Visits</h4>
<div class="por-txt pro-a">用户比例</div>
<div class="layui-progress" lay-filter="pro-a">
<div class="layui-progress-bar per-bg-a" lay-percent="35%"></div>
</div>
</div>
</div>
</div>
<div class="progress-box clearfix">
<div class="pro-head">
<img src="../images/face.jpg" alt="none"/>
</div>
<div class="pro-data">
<h4 class="por-title">Visits</h4>
<div class="por-txt pro-a">用户比例</div>
<div class="layui-progress" lay-filter="pro-b">
<div class="layui-progress-bar per-bg-b" lay-percent="15%"></div>
<div class="progress-box clearfix">
<div class="pro-head">
<img src="../images/face.jpg" alt="none"/>
</div>
<div class="pro-data">
<h4 class="por-title">Visits</h4>
<div class="por-txt pro-a">用户比例</div>
<div class="layui-progress" lay-filter="pro-b">
<div class="layui-progress-bar per-bg-b" lay-percent="15%"></div>
</div>
</div>
</div>
</div>
<div class="progress-box clearfix">
<div class="pro-head">
<img src="../images/face.jpg" alt="none"/>
</div>
<div class="pro-data">
<h4 class="por-title">Visits</h4>
<div class="por-txt pro-c">用户比例</div>
<div class="layui-progress" lay-filter="pro-c">
<div class="layui-progress-bar per-bg-c" lay-percent="20%"></div>
<div class="progress-box clearfix">
<div class="pro-head">
<img src="../images/face.jpg" alt="none"/>
</div>
<div class="pro-data">
<h4 class="por-title">Visits</h4>
<div class="por-txt pro-c">用户比例</div>
<div class="layui-progress" lay-filter="pro-c">
<div class="layui-progress-bar per-bg-c" lay-percent="20%"></div>
</div>
</div>
</div>
</div>
<div class="progress-box clearfix">
<div class="pro-head">
<img src="../images/face.jpg" alt="none"/>
</div>
<div class="pro-data">
<h4 class="por-title">Visits</h4>
<div class="por-txt pro-d">用户比例</div>
<div class="layui-progress" lay-filter="pro-d">
<div class="layui-progress-bar per-bg-d" lay-percent="30%"></div>
<div class="progress-box clearfix">
<div class="pro-head">
<img src="../images/face.jpg" alt="none"/>
</div>
<div class="pro-data">
<h4 class="por-title">Visits</h4>
<div class="por-txt pro-d">用户比例</div>
<div class="layui-progress" lay-filter="pro-d">
<div class="layui-progress-bar per-bg-d" lay-percent="30%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-col-md6">
<div class="layui-card">
<div class="ok-card-body clearfix">
<table id="userData" lay-filter="userdata"></table>
<div class="layui-row layui-col-space15">
<div class="layui-col-md6">
<div class="layui-card">
<div class="ok-card-body clearfix">
<table id="userData" lay-filter="userdata"></table>
</div>
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-card">
<div class="ok-card-body clearfix">
<div class="map-china" id="userLocationMap"></div>
<div class="layui-col-md6">
<div class="layui-card">
<div class="ok-card-body clearfix">
<div class="map-china" id="userLocationMap"></div>
</div>
</div>
</div>
</div>

173
pages/console1.html
View File

@ -15,134 +15,104 @@
<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/oksub.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="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">
<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="收入"/>
<body class="console console1 ok-body-scroll">
<div class="ok-body 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 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 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 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 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 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 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 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="ok-card-title">今日用户活跃量</div>
</div>
<div class="ok-card-body map-body">
<div style="height: 100%;" id="userActiveTodayChart"></div>
</div>
</div>
</div>
<div class="layui-col-md4">
<div class="layui-card">
<div class="layui-card-header">
<div class="ok-card-title">今日用户访问来源</div>
<div class="layui-row layui-col-space15">
<div class="layui-col-md8">
<div class="layui-card">
<div class="layui-card-header">
<div class="ok-card-title">今日用户活跃量</div>
</div>
<div class="ok-card-body map-body">
<div style="height: 100%;" id="userActiveTodayChart"></div>
</div>
</div>
<div class="ok-card-body map-body">
<div style="height: 100%;" id="userSourceTodayChart"></div>
</div>
<div class="layui-col-md4">
<div class="layui-card">
<div class="layui-card-header">
<div class="ok-card-title">今日用户访问来源</div>
</div>
<div class="ok-card-body map-body">
<div style="height: 100%;" id="userSourceTodayChart"></div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-row layui-col-space15">
<div class="layui-row layui-col-space15">
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header">
@ -154,6 +124,7 @@
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../lib/layui/layui.js"></script>

2
pages/help/navIcon.html
View File

@ -15,6 +15,8 @@
<div class="ok-body">
<blockquote class="layui-elem-quote">
<p>主要讲述如何设置导航的图标。</p>
</blockquote>
<blockquote class="layui-elem-quote layui-quote-nm">
<p>特别注意：必须要遵守指定的写法</p>
<p>1.默认的图标指向的值layui内置图标</p>
<p>2.要想使用ok-icon图标必须设置navs.json中的fontFamily属性和icon属性</p>

2
pages/help/navOperate.html
View File

@ -15,6 +15,8 @@
<div class="ok-body">
<blockquote class="layui-elem-quote">
<p>主要讲述如何在内部页面添加导航。</p>
</blockquote>
<blockquote class="layui-elem-quote layui-quote-nm">
<p>特别注意：添加导航的同时必须要遵守指定的写法</p>
<p>1.必须指定一个html元素</p>
<p>2.此元素的属性必须有data-url和lay-id</p>

2
pages/help/plugDirectory.html
View File

@ -15,6 +15,8 @@
<div class="ok-body">
<blockquote class="layui-elem-quote">
<p>主要描述插件的目录和插件的引入。</p>
</blockquote>
<blockquote class="layui-elem-quote layui-quote-nm">
<p>1.如果你想使用countUp数字步进器，那么你需要引入一个countUp插件</p>
</blockquote>
<pre lay-title="导航参数">

26
pages/login.html
View File

@ -11,29 +11,7 @@
<link rel="stylesheet" href="../lib/layui/css/layui.css"/>
<link rel="stylesheet" href="../lib/fonts/okfont.css"/>
<link rel="stylesheet" href="../lib/fonts/myfont.css"/>
<style>
.page-fill{width:100%;height:100%;display:block;box-sizing:border-box}
#login .layui-icon{font-size:16px!important}
#login .mag0{margin:0!important}
#login ::selection{background:#ff5722;color:#fff}
#login .layui-red{color:red!important;font-weight:700}
#login .layui-blue{color:#01aaed!important}
#login .layui-form-item.layui-input-focus input{border-color:#ff6700!important}
#login .layui-block{width:100%!important}
#login{width:100%;height:100%;background-image:url(../images/login-bg.jpg);position:relative}
#login form.layui-form{padding:0 20px 20px 20px;width:300px;position:absolute;left:50%;top:50%;margin:-150px 0 0 -150px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 0 50px #009688}
#login .login_face{margin:-55px auto 20px;width:100px;height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid #fff;overflow:hidden;box-shadow:0 0 30px #009688;background:#fff}
#login .login_face img{width:100%}
#login .layui-form-item{position:relative}
#login .layui-form-item label{position:absolute;color:#757575;left:10px;top:9px;line-height:20px;background:0 0;padding:0 5px;font-size:14px;cursor:text}
#login #code{padding-right:110px}
#login .captcha-box .img{position:absolute;top:1px;bottom:1px;right:1px;cursor:pointer;width:100px;background:#c4e1ce}
#login .layui-form-item input{background:#fff!important}
#login .layui-form-item input,#login .layui-form-item label{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
#login .layui-form-item input::placeholder{color:transparent!important}
#login .layui-form-item.layui-input-focus input::placeholder{color:#757575!important}
#login .layui-form-item.layui-input-active label,#login .layui-form-item.layui-input-focus label{top:-10px;font-size:12px;color:#ff6700;background:#fff!important}
</style>
<link rel="stylesheet" href="../css/oksub.css" />
</head>
<body class="page-fill">
<div class="page-fill" id="login">
@ -91,7 +69,7 @@
*/
form.on("submit(login)", function (data) {
okUtils.ajax(okMock.api.login, "post", data.field).done(function (response) {
console.log(response)
console.log(response);
okLayer.msg.greenTick(response.msg, function () {
window.location = "../index.html";
})