fixed: 压缩css
zhizou
parent
d7486c19a3
commit
968f15e2a4
|
|
@ -33,25 +33,74 @@
|
|||
|
||||
|
||||
/**控制台样式*/
|
||||
.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}
|
||||
.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}
|
||||
.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}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#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}
|
||||
|
||||
/*基本资料*/
|
||||
.user-info .user_left{float:left;margin:20px 0 0 5%}
|
||||
.user-info .user_right p{margin:10px 0 25px;font-size:12px;text-align:center;color:#ff5722}
|
||||
.user-info .userAddress.layui-form-item .layui-input-inline{width:23%}
|
||||
.user-info .userAddress.layui-form-item .layui-input-inline:last-child{margin-right:0}
|
||||
@media screen and (max-width:450px){
|
||||
.user-info .userAddress.layui-form-item .layui-input-inline{width:auto}
|
||||
}
|
||||
|
||||
/*修改密码*/
|
||||
.seting-pass .user_right p{margin:10px 0 25px;font-size:12px;text-align:center;color:#ff5722}
|
||||
.seting-pass .layui-table th{text-align:center}
|
||||
.seting-pass .changePwd{width:30%;margin:3% 0 0 5%}
|
||||
|
||||
|
||||
/*响应样式*/
|
||||
|
|
|
|||
128
index.html
128
index.html
|
|
@ -7,133 +7,7 @@
|
|||
<meta name="keywords" content="ok-admin v2.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
|
||||
<meta name="description" content="ok-admin v2.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
|
||||
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
|
||||
<!--<link rel="stylesheet" href="css/okadmin.css"/>-->
|
||||
<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>
|
||||
#navBar .layui-nav-child{overflow:hidden;padding:5px 0!important}
|
||||
#navBar .layui-nav-child dd,#navBar .layui-nav-itemed .layui-nav-child{overflow:hidden}
|
||||
[class*=" ok-icon"],[class^=ok-icon]{line-height:inherit;font-size:16px}
|
||||
.not-scroll::-webkit-scrollbar{height:0;width:0;background:0 0;display:none}
|
||||
.scrollBody::-webkit-scrollbar{display:none}
|
||||
.no-line.layui-this:after{background:0 0!important;color:transparent!important}
|
||||
.ok-none-select{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
|
||||
.okadmin-text-center{text-align:center}
|
||||
.okadmin-bg-20222A{background:#20222a}
|
||||
.post-left220{left:220px!important}
|
||||
.flex-vc{display:flex!important;display:-webkit-flex!important;align-items:center!important;justify-content:center!important}
|
||||
.pl0{padding-left:0!important}
|
||||
.pr0{padding-right:0!important}
|
||||
.pl10{padding-left:10px!important}
|
||||
.pr10{padding-right:10px!important}
|
||||
#noticeQQ{cursor:pointer;color:#ff5722;font-weight:bolder}
|
||||
.okadmin-header .layui-nav-bar,.okadmin-header .layui-nav-tree .layui-nav-itemed:after{background:#20222a!important;bottom:auto;top:0!important;height:2px}
|
||||
.okadmin-header .layui-nav .layui-this:after{background:0 0!important;color:transparent!important}
|
||||
.layadmin-pagetabs .layui-tab-title li.layui-this:after,.layadmin-pagetabs .layui-tab-title li:after,.layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child,.layui-layer-admin .layui-layer-title,.layui-side-menu{background:#001529!important}
|
||||
.layui-tab-brief>.layui-tab-title .layui-this{color:#000}
|
||||
.ok-tab-title li strong[is-close=false]~i.layui-tab-close,.ok-tab-title li[tab=index] i.layui-tab-close{display:none!important}
|
||||
.okadmin .okadmin-header{background:#fff;height:49px;line-height:49px;border-bottom:1px solid #f6f6f6}
|
||||
.okadmin-header .layui-nav-item .layui-icon{font-size:16px}
|
||||
.okadmin-header .layui-nav .layui-nav-item a,.okadmin-header .layui-nav-child dd.layui-this a{color:#000}
|
||||
#userInfo .layui-this,#userInfo .layui-this a{background:0 0}
|
||||
#userInfo .layui-this a:hover{background:#f2f2f2}
|
||||
.weather{color:#000}
|
||||
#tp-weather-widget .tpwthwidt .text_1vUR5ag,#tp-weather-widget .tpwthwidt .title_2I35arv{margin:0!important;color:#000!important}
|
||||
.ok-show-menu{font-size:18px}
|
||||
.ok-show-menu .layui-icon{font-size:18px!important}
|
||||
.ok-show-menu .ok-menu-hide:before{content:"\e66b"}
|
||||
#fullScreen i.okicon-screen-restore:before{content:"\e758"}
|
||||
.okadmin-header .layui-input-search{display:inline-block;vertical-align:middle;height:32px;border:none;cursor:text}
|
||||
.okadmin-header .layui-nav .layui-nav-item{height:49px;line-height:49px}
|
||||
.okadmin-header .layui-layout-left .layui-nav-item{margin:0 20px}
|
||||
.okadmin-header .layui-layout-left .layui-nav-item.layui-this:after{display:none!important}
|
||||
.okadmin-header .layui-layout-left .layui-nav-item a{padding-left:5px;padding-right:5px}
|
||||
.okadmin .menu-switch{width:30px;height:30px;position:relative;left:220px;top:16px;color:#fff;text-align:center;line-height:30px;cursor:pointer;z-index:9999}
|
||||
.okadmin-header .layui-nav .layui-nav-more{border-color:#000 transparent transparent}
|
||||
.okadmin-header .layui-nav .layui-nav-mored,.okadmin-header .layui-nav-itemed>a .layui-nav-more{border-color:transparent transparent #000}
|
||||
.okadmin-header .layui-nav-child{top:50px}
|
||||
.icon-head-i{font-size:18px;padding-right:5px}
|
||||
.ok-left{top:0!important;width:220px!important;z-index:9999}
|
||||
.ok-left .okadmin-logo{line-height:49px;text-align:center;color:#fff;font-size:16px;position:fixed;left:0;top:0;z-index:1002;width:220px;height:49px;padding:0 15px;box-sizing:border-box;overflow:hidden;font-weight:300;background-repeat:no-repeat;background-position:center center;background:#20222a}
|
||||
.layui-side-menu .layui-nav{width:220px;background:0 0}
|
||||
.layui-side-menu .layui-side-scroll{width:240px!important}
|
||||
.layui-side-menu .layui-side-scroll:before{content:" ";height:50px;line-height:50px;display:flex;width:1px}
|
||||
.okadmin-side .user-photo{width:220px!important;border-top:1px solid #333555}
|
||||
.ok-left.layui-side-menu .layui-nav .layui-nav-item .layui-nav-child a,.ok-left.layui-side-menu .layui-nav .layui-nav-item a{height:40px;line-height:40px;padding-left:45px;padding-right:30px;color:#fff}
|
||||
.ok-left.layui-side-menu .layui-nav .layui-nav-item.layui-this .layui-nav-child a,.ok-left.layui-side-menu .layui-nav .layui-nav-item.layui-this a{color:#fff!important}
|
||||
.ok-left.layui-side-menu .layui-nav-item a:hover{background-color:#4e5465}
|
||||
.ok-left.layui-side-menu .layui-this a:hover{background-color:inherit}
|
||||
.ok-left.layui-side-menu .layui-nav .layui-nav-item .layui-icon,.ok-left.layui-side-menu .layui-nav .layui-nav-item a i{position:absolute;padding-right:10px;left:20px}
|
||||
.ok-left.layui-side-menu .layui-nav .layui-nav-item .layui-nav-child a i{position:static!important;padding-right:10px}
|
||||
#navBar .layui-nav-child .layui-nav-child>dd>a{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{width:200px;height:120px;padding:15px 0 5px}
|
||||
.ok-left .user-photo a.img{display:block;width:80px;height:80px;margin:0 auto 10px}
|
||||
.ok-left .user-photo a.img img{display:block;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border:4px solid #44576b;box-sizing:border-box}
|
||||
.ok-left .user-photo p{display:block;width:100%;height:25px;color:#fff;text-align:center;font-size:12px;white-space:nowrap;line-height:25px;overflow:hidden}
|
||||
#navBar ul{margin:0!important}
|
||||
.okadmin-pagetabs{padding:0 80px 0 40px;background-color:#fff;width:100%;position:absolute;height:40px;z-index:1;border-bottom:1px solid #e6e6e6}
|
||||
.okadmin-tabs-control{height:40px;line-height:40px;position:absolute;top:0;width:40px;text-align:center;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff;z-index:10}
|
||||
.okadmin-tabs-control:hover{background:#f2f2f2}
|
||||
.layui-icon-prev{left:0;border-left:none;border-right:1px solid #e6e6e6}
|
||||
.layui-icon-next{right:40px}
|
||||
.layui-icon-down{right:0}
|
||||
.okadmin-tabs-select.layui-nav{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;background:0 0}
|
||||
.ok-tab .layui-tab-title{margin:0 80px 0 40px;overflow-x:hidden!important;overflow-y:hidden!important;width:max-content!important;z-index:9;position:relative;left:0}
|
||||
.ok-tab-title cite{padding-left:5px;font-style:normal}
|
||||
.okadmin-nav a{cursor:pointer}
|
||||
.okadmin-nav .okadmin-nav-item .okadmin-link{display:block;width:100%;height:100%}
|
||||
.okadmin-nav .okadmin-nav-item:hover .okadmin-nav-child{display:block!important}
|
||||
.okadmin-nav .okadmin-nav-item .okadmin-nav-child{position:absolute;top:40px;right:0;display:none;white-space:nowrap;line-height:36px;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #d2d2d2;background-color:#fff;z-index:100;border-radius:2px}
|
||||
.okadmin-nav .okadmin-nav-item a{display:block;padding:0 20px;color:#000;transition:all .3s;-webkit-transition:all .3s;font-size:14px}
|
||||
.okadmin-nav .okadmin-nav-item .okadmin-nav-child:visited{display:none!important}
|
||||
.okadmin-nav .okadmin-nav-item a:hover{background:#f2f2f2}
|
||||
.weather-ok{height:49px;line-height:49px}
|
||||
.weather-ok .iframe-style{height:50px;padding-top:5px;box-sizing:border-box}
|
||||
.weather-ok .iframe-style:hover{height:380px}
|
||||
.okadmin .content-body{position:absolute;top:50px;right:0;bottom:42px;left:220px;z-index:1;overflow:hidden}
|
||||
.okadmin .content-body:after{content:"";max-height:1px;min-height:1px;height:1px;background:#e6e6e6;z-index:999;width:100%;display:block;position:absolute;top:40px}
|
||||
.okadmin-tabs-select.layui-nav .layui-nav-item{line-height:40px}
|
||||
.ok-nav-item{height:49px;line-height:49px;position:relative;display:inline-block;vertical-align:middle;font-size:14px;width:auto}
|
||||
.content-body .layui-tab{margin:0}
|
||||
.okadmin .content-body .layui-tab-content{position:absolute;top:40px;bottom:0;width:100%;padding:0;overflow:hidden;left:0;right:0}
|
||||
.ok-tab .layui-tab-title li:hover{background:#f6f6f6}
|
||||
.ok-tab .layui-tab-title li:hover:after{width:100%}
|
||||
.ok-tab .layui-tab-title li{border-right:1px solid #f6f6f6}
|
||||
.ok-tab .layui-tab-title li:after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);width:0;height:2px;border-radius:0;background-color:#292b34;transition:all .3s;-webkit-transition:all .3s}
|
||||
.ok-tab .layui-tab-brief>.layui-tab-more li.layui-this,.ok-tab .layui-tab-brief>.layui-tab-title .layui-this,.ok-tab .layui-tab-title li.layui-this{background:#f6f6f6}
|
||||
.ok-tab .layui-tab-brief>.layui-tab-more li.layui-this:after,.ok-tab .layui-tab-brief>.layui-tab-title .layui-this:after,.ok-tab .layui-tab-title .layui-this:after{border-color:#000!important;border-bottom:0!important;border-top:2px solid #000!important;width:100%}
|
||||
.ok-tab .layui-tab-title .layui-this:after{background:#20222a!important;bottom:auto;top:0!important;height:2px}
|
||||
.okadmin .content-body .layui-tab-content .layui-tab-item{height:100%}
|
||||
.okadmin .content-body .layui-tab-content .layui-tab-item iframe{height:100%}
|
||||
.layui-layout-admin.ok-left-hide .ok-left,.layui-layout-admin.ok-left-hide .ok-left .okadmin-logo{left:-220px}
|
||||
.layui-layout-admin.ok-left-hide .layui-header .layui-layout-left{left:-20px}
|
||||
.layui-layout-admin.ok-left-hide .content-body,.layui-layout-admin.ok-left-hide .layui-footer{left:0}
|
||||
@media screen{
|
||||
.layui-header .layui-layout-left,.layui-layout-admin .content-body,.layui-layout-admin .layui-footer,.layui-layout-admin .ok-left,.ok-left .okadmin-logo{transition:left .5s}
|
||||
}
|
||||
.ok-make{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9998;background:rgba(0,0,0,.5);display:none}
|
||||
@media screen and (max-width:970px){
|
||||
.ok-hide-md{display:none!important}
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
[pc-show]{display:none!important}
|
||||
.layui-layout-admin .ok-left{position:fixed}
|
||||
.ok-input-search{width:7rem}
|
||||
.layui-layout-admin.ok-left-hide .ok-left,.layui-layout-admin.ok-left-hide .ok-left .okadmin-logo{left:0}
|
||||
.okadmin-header .layui-layout-left .layui-nav-item{margin:0 5px}
|
||||
.layui-layout-admin.ok-left-hide .ok-make{display:block}
|
||||
.layui-layout-admin .ok-left,.ok-left .okadmin-logo{transition:left .5s;left:-220px}
|
||||
.layui-header .layui-layout-left{transition:left .5s;left:-20px}
|
||||
.layui-layout-admin .content-body,.layui-layout-admin .layui-footer{transition:left .5s;left:0}
|
||||
.ok-left .okadmin-side .user-photo{height:auto;margin:0 auto}
|
||||
.ok-left .user-photo a.img{width:50px;height:50px}
|
||||
.layui-side-menu .layui-side-scroll{width:200px!important}
|
||||
.ok-left,.ok-left .okadmin-logo,.ok-left .okadmin-side .user-photo,.ok-left.layui-side-menu .layui-nav{width:180px!important;margin:0}
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="css/okadmin.css">
|
||||
</head>
|
||||
<body class="layui-layout-body">
|
||||
<div class="layui-layout layui-layout-admin okadmin">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,6 @@
|
|||
<meta name="format-detection" content="telephone=no">
|
||||
<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/oksub.css" media="all"/>
|
||||
</head>
|
||||
<body class="console console1 ok-body-scroll">
|
||||
|
|
|
|||
|
|
@ -5,27 +5,6 @@
|
|||
<title>基本资料</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../../css/oksub.css">
|
||||
<style>
|
||||
form input.layui-input[disabled]{background:#f2f2f2;color:#595963!important}
|
||||
.user_left{float:left;margin:20px 0 0 5%}
|
||||
.user_right{width:25%;float:left;margin:20px 0 0 5%;text-align:center}
|
||||
.user_right p{margin:10px 0 25px;font-size:12px;text-align:center;color:#ff5722}
|
||||
.user_right img#userFace{width:200px;height:200px}
|
||||
.layui-table,.layui-table th{text-align:center}
|
||||
.userAddress.layui-form-item .layui-input-inline{width:23%}
|
||||
.userAddress.layui-form-item .layui-input-inline:last-child{margin-right:0}
|
||||
.relateve{position:relative!important}
|
||||
.shade{position:absolute;z-index:999;top:0;left:0;right:0;bottom:0;opacity:0}
|
||||
#page{text-align:right}
|
||||
.changePwd{width:30%;margin:3% 0 0 5%}
|
||||
@media screen and (max-width:750px){
|
||||
.changePwd,.user_left,.user_right{width:100%;float:none;margin-left:0}
|
||||
.user_right{margin-bottom:20px}
|
||||
}
|
||||
@media screen and (max-width:450px){
|
||||
.userAddress.layui-form-item .layui-input-inline{width:auto}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="user-info">
|
||||
<form class="layui-form">
|
||||
|
|
|
|||
|
|
@ -5,29 +5,8 @@
|
|||
<title>修改密码</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="../../css/oksub.css">
|
||||
<style>
|
||||
form input.layui-input[disabled]{background:#f2f2f2;color:#595963!important}
|
||||
.user_left{float:left;margin:20px 0 0 5%}
|
||||
.user_right{width:25%;float:left;margin:20px 0 0 5%;text-align:center}
|
||||
.user_right p{margin:10px 0 25px;font-size:12px;text-align:center;color:#ff5722}
|
||||
.user_right img#userFace{width:200px;height:200px}
|
||||
.layui-table,.layui-table th{text-align:center}
|
||||
.userAddress.layui-form-item .layui-input-inline{width:23%}
|
||||
.userAddress.layui-form-item .layui-input-inline:last-child{margin-right:0}
|
||||
.relateve{position:relative!important}
|
||||
.shade{position:absolute;z-index:999;top:0;left:0;right:0;bottom:0;opacity:0}
|
||||
#page{text-align:right}
|
||||
.changePwd{width:30%;margin:3% 0 0 5%}
|
||||
@media screen and (max-width:750px){
|
||||
.changePwd,.user_left,.user_right{width:100%;float:none;margin-left:0}
|
||||
.user_right{margin-bottom:20px}
|
||||
}
|
||||
@media screen and (max-width:450px){
|
||||
.userAddress.layui-form-item .layui-input-inline{width:auto}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="childrenBody">
|
||||
<body class="childrenBody seting-pass">
|
||||
<form class="layui-form changePwd">
|
||||
<div style="margin:0 0 15px 110px;color:#f00;">旧密码请输入“123456”，新密码必须两次输入一致才能提交</div>
|
||||
<div class="layui-form-item">
|
||||
|
|
|
|||
Loading…
Reference in New Issue