优化界面展示

src/assets/scss/modules/visual/fiveLayerMap.scss

@@ -56,7 +56,7 @@
     .div_tips{
       box-sizing: border-box;
       width: 100%;
-      height: 302px;
+      height: 300px;
       color: #fff;
 
       .div_coverage{
@@ -89,7 +89,7 @@
       .div_category {
         @include scrollBar;
         box-sizing: border-box;
-        height:178px;
+        height:176px;
         padding:0 10px 0;  
         overflow-y: auto;
         overflow-x: hidden;
@@ -162,11 +162,12 @@
       margin-top:10px;
       height: calc(810px - 302px - 10px);
       color: #fff;
+      overflow-x: hidden;
 
       .div_search_list {
         margin: 6px auto;
         text-align: center;
-        width: 590px;
+        width: 570px;
         height: 48px;
         background-color: #011168;
         border-radius: 4px;
@@ -191,14 +192,14 @@
         .btn {
           text-align: center;
           flex: 0 0 113px;
-          height: 48px;
+          height: 52px;
           background: linear-gradient(90deg, #1A5AFD, #26C4FF);
           border-radius: 0px 4px 4px 0px;
           font-size: 20px;
           font-family: PingFang SC;
           font-weight: 400;
           color: #ffffff;
-          line-height: 48px;
+          line-height: 52px;
         }
         .btn:hover {
           cursor: pointer;
@@ -216,6 +217,7 @@
       .m-pagination {
         // position: absolute;
         box-sizing: border-box;
+        margin-top: 2px;
         width: 100%;
         height: 40px;
         display: flex;

src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue

@@ -26,9 +26,8 @@
       </div>
 
       <div class="div_data">
-
+        <div class="div_tips">
-        <cpt-card class="div_tips">
+          <cpt-card>
-
             <div class="div_coverage">
 
               <div class="coverage_item"
@@ -59,8 +58,10 @@
               </div>
             </div>
           </cpt-card>
+        </div>
 
-        <cpt-card class="div_info">
+        <div class="div_info">
+          <cpt-card>
             <div class="div_search_list">
               <el-input size="mini"
                         WarningColor='warning'
@@ -99,6 +100,7 @@
             </div>
 
           </cpt-card>
+        </div>
 
       </div>
     </div>