commit

src/main/resources/views/layouts/v4/home/act.js

@@ -76,6 +76,10 @@ const act = {
         },
         /*初始化Swiper*/
         initSwiper() {
+            if (this.swiper) {
+                this.swiper.destroy(true, true)
+                this.swiper = null
+            }
             this.swiper = new Swiper('.activity-swiper', {
                 slidesPerView: 1,
                 spaceBetween: 18,
@@ -133,6 +137,7 @@ const act = {
     style: /*language=CSS*/ `
         .activity-section-wrapper {
             width: 100%;
+            min-width: 0;
         }
 
         .section-act .section-act-title span {
@@ -176,17 +181,23 @@ const act = {
         .activity-swiper-container {
             position: relative;
             width: 100%;
+            min-width: 0;
+            box-sizing: border-box;
             padding: 9px 14px;
             /*margin-top: 30px;*/
+            overflow: hidden;
         }
 
         .activity-swiper {
             width: 100%;
+            min-width: 0;
             /*padding: 0 50px 20px 50px;*/
+            overflow: hidden;
         }
 
         .activity-swiper .swiper-slide {
             height: auto;
+            min-width: 0;
         }
 
         /* 导航按钮样式 */
@@ -235,6 +246,8 @@ const act = {
             height: auto;
             position: relative;
             cursor: pointer;
+            min-width: 0;
+            overflow: hidden;
         }
 
         .activity-swiper .swiper-slide .item .img-box {
@@ -260,9 +273,12 @@ const act = {
 
 
         .activity-swiper .swiper-slide .item .img-box img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
+            display: block;
+            width: 100% !important;
+            height: 100% !important;
+            max-width: 100% !important;
+            max-height: 128px !important;
+            object-fit: cover !important;
             transition: transform 0.3s ease;
         }
 
@@ -298,6 +314,9 @@ const act = {
             margin: 0;
             line-height: 1.4;
             color: #666;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
 
         .activity-swiper .swiper-slide .item .time i {