轮播图位置修正

components/banner-swiper/banner-swiper.vue

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