style:样式修改

@@ -19,9 +19,8 @@ export default {
         this.options = {
           grid: {
             // 让图表占满容器
-            // top: "8",
-            right: '0',
-            bottom: "0%",
+            top: 20,
+            right: 0,
           },
           color: [
             "#37a2da",

 <template>
   <div>
     <Chart :cdata="cdata" />
-    <el-carousel height="60px" indicator-position="none">
+    <el-carousel height="40px" indicator-position="none">
       <el-carousel-item v-for="item in 4" :key="item">
         <div class="rotograph">佛坪县</div>
       </el-carousel-item>
@@ -57,6 +57,5 @@ export default {
   border-radius: 6px;
   font-weight: 600;
   color: #02D9FD;
-  margin-top: 20px;
 }
 </style>

@@ -74,7 +74,7 @@ export default {
       position: absolute;
       left: 0;
       right: 0;
-      top: 9px;
+      top: 3px;
       text-align: center;
       margin-bottom: 10px;
     }

@@ -86,6 +86,7 @@ export default {
     background-size: 100% 100%;
     position: relative;
     padding: 8px 0;
+    height: 170px;
   }
 
   .card1 {

@@ -27,7 +27,7 @@ export default {
         headerBGC: '#016AC5',
         oddRowBGC: '#154295',
         evenRowBGC: '#154295',
-        header: ['序号', '行政区名称', '行政区总数', '接入量'],
+        header: ['序号', '用途', '性质', '面积'],
         data: [
           ['1', '咸阳市', '6', '998'],
           ['1', '咸阳市', '6', '998'],
@@ -106,7 +106,7 @@ export default {
     background-size: 100% 100%;
     padding-bottom: 0;
     .cardhead {
-      top: 6px;
+      top: 8px;
     }
   }
 

@@ -46,5 +46,6 @@ export default {
   margin: auto;
   display: flex;
   justify-content: space-between;
+  margin-top: 15px;
 }
 </style>