rename:file

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;
+}

css/user.css

@@ -1,40 +1,49 @@
 form input.layui-input[disabled] {
-    background:#f2f2f2;
+    background: #f2f2f2;
-    color:#595963!important;
+    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;
+    width: 200px;
-    height: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%; }
+.changePwd {
-
+    width: 30%;
-@media screen and (max-width:750px){
+    margin: 3% 0 0 5%;
-    .user_left,.user_right,.changePwd{ width:100%; float:none; margin-left: 0; }
+}
-    .user_right{ margin-bottom: 20px; }
+
-}
+@media screen and (max-width: 750px) {
-@media screen and (max-width:450px){
+    .user_left, .user_right, .changePwd {
-    .userAddress.layui-form-item .layui-input-inline{ width:auto; }
+        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;
+    }
 }
 

pages/console.html

@@ -11,7 +11,7 @@
     <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/home.css" media="all"/>
+    <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>

pages/console1.html

@@ -11,7 +11,7 @@
     <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/home.css" media="all"/>
+    <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>
 </head>

pages/operation.html

@@ -11,7 +11,7 @@
     <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/home.css" media="all"/>
+    <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>