轮播优化

src/views/dashboard/homepage.vue

@@ -30,19 +30,17 @@
           </div>
         </div>
         <div class="cen_con">
-          <div class="table_con">
           <div class="table_line">
             <div class="table_item"></div>
             <div class="table_item">排名</div>
             <div class="table_item">乡镇</div>
             <div class="table_item">运单量</div>
           </div>
-          </div>
           <div class="swiper-container swiper1">
             <div class="swiper-wrapper">
               <div class="swiper-slide" v-for="(item, index) in slideList" :key="index">
                 <!-- <table> -->
-
+                <div class="table_con">
                   <div class="table_line" v-for="item1 in item.arr" :key="item1.no">
                     <div class="table_item" :class="item1.no <= 3 ? 'ac_no' : ''">
                       {{ item1.no <= 3 ? "top" : "" }}
@@ -51,6 +49,8 @@
                     <div class="table_item">{{ item1.name }}</div>
                     <div class="table_item">{{ item1.count }}</div>
                   </div>
+                </div>
+
                 <!-- </table> -->
               </div>
               <!-- <div class="swiper-slide">Slide 2</div> -->
@@ -63,16 +63,15 @@
           <div class="tit">村点信息</div>
         </div>
         <div class="table_box">
-          <div class="table_con">
           <div class="table_line">
             <div class="table_item">站点名称</div>
             <div class="table_item">上行</div>
             <div class="table_item">下行</div>
           </div>
-          </div>
           <div class="swiper-container swiper2">
             <div class="swiper-wrapper">
               <div class="swiper-slide" v-for="(item, index) in villList" :key="index">
+                <div class="table_con" :class="item.arr.length < 5 ? 'tab_con' : ''">
                   <div class="table_line" v-for="item1 in item.arr" :key="item1.name">
                     <div class="table_item">{{ item1.name }}</div>
                     <div class="table_item">{{ item1.upData }}</div>
@@ -84,6 +83,7 @@
           </div>
         </div>
       </div>
+    </div>
     <div class="center_box">
       <div class="center_top">
         <div class="top_tit">莒县物流服务中心</div>
@@ -1119,7 +1119,7 @@ export default {
 
         .table_con {
           width: 100%;
-          // height: 100%;
+          height: 92%;
           display: flex;
           flex-direction: column;
           justify-content: space-between;
@@ -1226,13 +1226,17 @@ export default {
 
         .table_con {
           width: 100%;
-          // height: 100%;
+          height: 88%;
           display: flex;
           flex-direction: column;
           justify-content: space-between;
           align-items: center;
         }
 
+        .tab_con {
+          height: 55%;
+        }
+
         .table_line {
           width: 100%;
           height: 0.4rem;