中建四局(大屏):样式调整

src/views/projectAdmin/zjsj/carbon/leftBottom.vue

@@ -136,7 +136,7 @@ export default {
         x: "10%",//x 偏移量
         y: "5%", // y 偏移量
         width: "85%", // 宽度
-        height: "70%"// 高度
+        height: "60%"// 高度
       },
         xAxis: {
           type: "category",
@@ -208,7 +208,8 @@ export default {
 .contentBox {
   width: 100%;
   height: 100%;
-  margin-top: 5%;
+  box-sizing: border-box;
+  padding-top:5% ;
 
   .titleTxt {
     font-size: 18px;
@@ -217,7 +218,8 @@ export default {
     margin-left: 5px;
   }
   .myChart {
-    margin-top: 5%;
+    box-sizing: border-box;
+    padding-top: 5%;
     width: 100%;
     height: 90%;
   }

src/views/projectAdmin/zjsj/cim/rightBottom.vue

@@ -23,7 +23,7 @@ export default {
         {
           roseType: 'area',
           radius: ['58%', '52%'],
-          color: ['#0B1B35', '#4A8C9C'],
+          color: ['#182337', '#4A8C9C'],
           data: [30, 40, 30, 40]
         },
         {

src/views/projectAdmin/zjsj/cim/rightTop.vue

@@ -22,7 +22,7 @@ export default {
         {
           roseType: 'area',
           radius: ['58%', '52%'],
-          color: ['#0B1B35', '#4A8C9C'],
+          color: ['#182337', '#4A8C9C'],
           data: [30, 40, 30, 40]
         },
         {

src/views/projectAdmin/zjsj/components/Card.vue

@@ -32,7 +32,7 @@ export default {
     background-size: 100% 100%;
   }
   .content {
-    height: calc(100% - 34px);
+    height: calc(100% - 42px);
   }
 }
 </style>

src/views/projectAdmin/zjsj/govComp/Col2.vue

@@ -114,8 +114,9 @@ export default {
 
 <style lang="less" scoped>
 .timeline {
-  margin-top: 3%;
+  box-sizing: border-box;
-  height: 97%;
+  padding-top: 3%;
+  height: 100%;
   width: 97%;
   overflow: auto;
   

src/views/projectAdmin/zjsj/govComp/Col4.vue

@@ -116,10 +116,11 @@ export default {
 
 <style lang="less" scoped>
 .contentBox {
+  box-sizing: border-box;
   width: 100%;
   height: 100%;
   color: #c4c7cc;
-  margin-top: 2%;
+  padding-top: 2%;
   margin-left: 1%;
   .point {
     width: 8px;
@@ -148,11 +149,12 @@ export default {
     }
   }
   .midTit {
-    margin-bottom: 3%;
+    box-sizing: border-box;
+    // padding-bottom: 3%;
   }
   .checkChart {
     width: 95%;
-    height: 21%;
+    height: 20%;
   }
   .timeline {
     height: 30%;

src/views/projectAdmin/zjsj/govComp/leftBottom.vue

@@ -44,7 +44,8 @@ export default {
 
 <style lang="less" scoped>
 .contentBox {
-  margin-top: 20px;
+  box-sizing: border-box;
+  padding-top: 20px;
   .contentTop {
     display: flex;
     justify-content: center;
@@ -76,7 +77,6 @@ export default {
     }
   }
   .contentbut {
-    // margin-top: 20px;
     display: flex;
     justify-content: center;
     align-items: center;