修改轮播样式

src/views/dashboard/homepage.vue

@@ -30,10 +30,6 @@
           </div>
         </div>
         <div class="cen_con">
-          <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">
               <div class="table_item"></div>
@@ -41,6 +37,12 @@
               <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_line" v-for="item1 in item.arr" :key="item1.no">
                   <div class="table_item" :class="item1.no <= 3 ? 'ac_no' : ''">
                     {{ item1.no <= 3 ? "top" : "" }}
@@ -49,7 +51,6 @@
                   <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> -->
@@ -62,15 +63,16 @@
           <div class="tit">村点信息</div>
         </div>
         <div class="table_box">
-          <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">
             <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_line" v-for="item1 in item.arr" :key="item1.name">
                   <div class="table_item">{{ item1.name }}</div>
                   <div class="table_item">{{ item1.upData }}</div>
@@ -82,7 +84,6 @@
         </div>
       </div>
     </div>
-    </div>
     <div class="center_box">
       <div class="center_top">
         <div class="top_tit">莒县物流服务中心</div>
@@ -291,7 +292,7 @@ export default {
         autoplay: {
           delay: 10000, //10秒切换一次
           disableOnInteraction: false,
-        }
+        },
       });
     },
 
@@ -302,7 +303,7 @@ export default {
         autoplay: {
           delay: 10000, //10秒切换一次
           disableOnInteraction: false,
-        } 
+        },
       });
     },
 
@@ -1103,11 +1104,14 @@ export default {
         height: 89%;
 
         .swiper1 {
+          width: 100%;
           height: 100%;
           .swiper-wrapper {
+            width: 100%;
             height: 100%;
 
             .swiper-slide {
+              width: 100%;
               height: 100%;
             }
           }
@@ -1115,7 +1119,7 @@ export default {
 
         .table_con {
           width: 100%;
-          height: 100%;
+          // height: 100%;
           display: flex;
           flex-direction: column;
           justify-content: space-between;
@@ -1206,12 +1210,15 @@ export default {
         // overflow-y: auto;
 
         .swiper2 {
+          width: 100%;
           height: 100%;
 
           .swiper-wrapper {
+            width: 100%;
             height: 100%;
 
             .swiper-slide {
+              width: 100%;
               height: 100%;
             }
           }
@@ -1219,7 +1226,7 @@ export default {
 
         .table_con {
           width: 100%;
-          height: 100%;
+          // height: 100%;
           display: flex;
           flex-direction: column;
           justify-content: space-between;