From 813819aebc8dd7084ce1796468aa5ee268d6346d Mon Sep 17 00:00:00 2001 From: bobi Date: Sun, 25 Aug 2019 15:35:39 +0800 Subject: [PATCH] rename:file --- css/{home.css => console.css} | 0 css/console1.css | 168 ++++++++++++++++++++++++++++++++++ css/user.css | 70 +++++++++----- pages/console.html | 2 +- pages/console1.html | 2 +- pages/operation.html | 2 +- 6 files changed, 218 insertions(+), 26 deletions(-) rename css/{home.css => console.css} (100%) create mode 100644 css/console1.css diff --git a/css/home.css b/css/console.css similarity index 100% rename from css/home.css rename to css/console.css diff --git a/css/console1.css b/css/console1.css new file mode 100644 index 0000000..2daa4ef --- /dev/null +++ b/css/console1.css @@ -0,0 +1,168 @@ +@import "./common.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{ + -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; + /*float: left;*/ + /*width: 70%;*/ +} + +/**日历**/ +#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); +} + +/************home2样式************/ +.data-body { + display: flex; + padding:20px; + padding-bottom: 0; + color:#333333; +} +.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; +} diff --git a/css/user.css b/css/user.css index 5c4e32c..7716e9b 100644 --- a/css/user.css +++ b/css/user.css @@ -1,40 +1,49 @@ form input.layui-input[disabled] { - background:#f2f2f2; - color:#595963!important; + background: #f2f2f2; + color: #595963 !important; } + .user_left { float: left; - margin:20px 0 0 5%; + margin: 20px 0 0 5%; } + .user_right { - width:25%; + width: 25%; float: left; - margin:20px 0 0 5%; + margin: 20px 0 0 5%; text-align: center; } + .user_right p { - margin:10px 0 25px; + margin: 10px 0 25px; font-size: 12px; text-align: center; color: #FF5722; } + .user_right img#userFace { - width:200px; - height:200px; + width: 200px; + height: 200px; } + .layui-table, .layui-table th { - text-align:center; + text-align: center; } + .userAddress.layui-form-item .layui-input-inline { - width:23%; + width: 23%; } + .userAddress.layui-form-item .layui-input-inline:last-child { - margin-right:0; + margin-right: 0; } -.relateve{ - position: relative!important; + +.relateve { + position: relative !important; } -.shade{ + +.shade { position: absolute; z-index: 999; top: 0; @@ -45,16 +54,31 @@ form input.layui-input[disabled] { } /*用户列表*/ -#page{ text-align:right; } +#page { + text-align: right; +} /*修改密码*/ -.changePwd{ width:30%; margin:3% 0 0 5%; } - -@media screen and (max-width:750px){ - .user_left,.user_right,.changePwd{ 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; } +.changePwd { + width: 30%; + margin: 3% 0 0 5%; +} + +@media screen and (max-width: 750px) { + .user_left, .user_right, .changePwd { + 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; + } } diff --git a/pages/console.html b/pages/console.html index 4681d60..702b59a 100644 --- a/pages/console.html +++ b/pages/console.html @@ -11,7 +11,7 @@ - + diff --git a/pages/console1.html b/pages/console1.html index 8dc5dff..15d78d6 100644 --- a/pages/console1.html +++ b/pages/console1.html @@ -11,7 +11,7 @@ - + diff --git a/pages/operation.html b/pages/operation.html index bbc4635..b32bfd8 100644 --- a/pages/operation.html +++ b/pages/operation.html @@ -11,7 +11,7 @@ - +