浏览代码

样式调整

luolei 5 年之前
父节点
当前提交
c0665ccdad
共有 4 个文件被更改,包括 30 次插入24 次删除
  1. 24 20
      src/css/console.less
  2. 2 3
      src/html/console.html
  3. 3 0
      src/js/console.js
  4. 1 1
      src/js/index.js

+ 24 - 20
src/css/console.less

@@ -1,34 +1,38 @@
 .echarts {
   width: 100%;
-  height: 400px;
+  height: 300px;
   padding: 0 15px;
 }
 .barChartPay {
   width: 100%;
-  height: 400px;
+  height: 300px;
   padding: 0 15px;
 }
 .emptyCircle {
   width: 45%;
   height: 200px;
   float: left;
-  margin-top: 95px;
+  margin-top: 56px;
+}
+.partAll {
+  background-color: #fff;
 }
 .partWrap {
   overflow-x: hidden;
   overflow-y: auto;
-  height: 100%;
+  height: auto;
+  background: #f5f5f5;
   ul {
     padding: 0 40px;
   }
   .partLi {
     float: left;
-    margin: 30px 0;
+    margin: 15px 0;
     width: 20%;
-    height: 114px;
+    height: 100px;
     overflow: hidden;
     .partIn {
-      height: 114px;
+      height: 100px;
       box-sizing: border-box;
       border-radius: 3px;
       padding: 10px 15px;
@@ -40,7 +44,7 @@
       color: #51649C;
     }
     .top {
-      margin-bottom: 20px;
+      margin-bottom: 12px;
     }
     .btm {
       padding-bottom: 4px;
@@ -60,8 +64,8 @@
     font-size: 16px;
     font-weight: bold;
     border-bottom: 1px solid #E2E5EF;
-    height: 44px;
-    line-height: 44px;
+    height: 36px;
+    line-height: 36px;
     padding-left: 15px;
   }
 }
@@ -74,9 +78,9 @@
   background-color: #f5f5f5;
 }
 .partTitle {
-  position: fixed;
+  position: relative;
   top: 0;
-  right: 18px;
+  right: 0;
   width: 100%;
   box-sizing: border-box;
   background-color: #fff;
@@ -122,13 +126,13 @@
   height: 44px;
   line-height: 44px;
   padding-left: 10px;
-  margin-right: 18px;
+  margin-right: 0;
 }
 .pubEchart {
   width: 50%;
   display: inline-block;
-  border-bottom: 10px solid #f5f5f5;
-
+  margin-bottom: 10px;
+  background-color: #fff;
 }
 .paymoney {
   border-right: 5px solid #f5f5f5;
@@ -139,19 +143,19 @@
   box-sizing: border-box;
 }
 .defect {
-  border-bottom: 10px solid #f5f5f5;
   border-right: 5px solid #f5f5f5;
+  background-color: #fff;
   box-sizing: border-box;
   width: 45%;
   display: inline-block;
-  height: 455px;
+  height: 350px;
   overflow: hidden;
   .list {
     padding: 15px 30px;
     width: 100%;
     box-sizing: border-box;
     overflow: auto;
-    height: 405px;
+    height: 308px;
   }
   .thead {
     td {
@@ -194,11 +198,11 @@
   }
 }
 .circle {
-  height: 455px;
+  height: 350px;
   width: 55%;
   display: inline-block;
-  border-bottom: 10px solid #f5f5f5;
   border-left: 5px solid #f5f5f5;
+  background-color: #fff;
   box-sizing: border-box;
   position: relative;
 }

+ 2 - 3
src/html/console.html

@@ -7,8 +7,6 @@
   <title>Document</title>
 </head>
 <body >
-  <div class="partWrap clearfix">
-    <div class="partTitles"></div>
     <div class="partTitle">
       <p>住院病案首页数据质量管理与控制指标</p>
       <div class="monthYear">
@@ -16,6 +14,8 @@
         <span class="year">本年</span>
       </div> 
     </div>
+  <div class="partWrap clearfix">
+    <!-- <div class="partTitles"></div> -->
     <ul class="clearfix partAll">
 
     </ul>
@@ -58,7 +58,6 @@
         </div>
       </div>
     </div>
-    <br><br><br>
   </div>
   <!-- <script src="./resource/swiper.min.js"></script> -->
 </body>

+ 3 - 0
src/js/console.js

@@ -13,6 +13,9 @@ $(function(){
 //     loop : true,//可选选项,开启循环
 //     slidesPerView : 3,
 //   })
+    $(".partWrap").css({
+        height:$(window).height()-38+'px'
+    })
   initConsole()//质控列表
   getBarData()//图标数据获取
   dateChange()

+ 1 - 1
src/js/index.js

@@ -10,7 +10,7 @@ $(function(){
   //菜单展开收起
   sureChangeWord()
   $(".main").css({
-    height:$(window).height()-60+'px'
+    height:$(window).height()-70+'px'
   })
 });