diff --git a/css/oksub.css b/css/oksub.css index fe4ec37..fd45876 100644 --- a/css/oksub.css +++ b/css/oksub.css @@ -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%} /*响应样式*/ diff --git a/index.html b/index.html index 5c31f60..dc03ea0 100644 --- a/index.html +++ b/index.html @@ -7,133 +7,7 @@ - - - - - +
diff --git a/pages/console1.html b/pages/console1.html index 8329c72..1322268 100644 --- a/pages/console1.html +++ b/pages/console1.html @@ -13,7 +13,6 @@ - diff --git a/pages/member/user-info.html b/pages/member/user-info.html index 3450403..36e11e0 100644 --- a/pages/member/user-info.html +++ b/pages/member/user-info.html @@ -5,27 +5,6 @@ 基本资料 -
diff --git a/pages/member/user-pwd.html b/pages/member/user-pwd.html index abdbe23..b2acf16 100644 --- a/pages/member/user-pwd.html +++ b/pages/member/user-pwd.html @@ -5,29 +5,8 @@ 修改密码 - - +
旧密码请输入“123456”，新密码必须两次输入一致才能提交