轮播图大小调整

components/banner-swiper/banner-swiper.vue

@@ -59,15 +59,28 @@ export default {
 
 <style lang="scss" scoped>
 .banner-section {
-  padding: 30rpx 100rpx;
+  //padding: 30rpx 100rpx;
+  display: flex;
+  justify-content: center;
+  width: 100%;
 }
 
 .swiper {
+  width: 750rpx !important;
+
+  image {
+    width: 750rpx !important;
+    height: 100% !important;
+  }
+}
+
+.swiper {
+  padding: 30rpx 0;
   height: 300rpx;
-  width: 550rpx;
-  border-radius: 24rpx;
+  width: 750rpx !important;
+
   overflow: hidden;
-  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.1);
+  // box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.1);
 
   /* 通用指示器样式 - 覆盖所有可能的类名 */
   :deep([class*='swiper-dot']) {
@@ -77,15 +90,8 @@ export default {
 
   .swiper-item {
     display: block;
-
     line-height: 300rpx;
     text-align: center;
-
-    image {
-      width: 750rpx;
-      height: 100%;
-      border-radius: 20rpx;
-    }
   }
 }
 </style>