feat: 上传图片组件场景添加、轮播图样式修复

src/pages/detail/index.scss

@@ -87,26 +87,16 @@
     }
   }
 
-  .detail-page-bg-text {
-    width: 100%;
-    height: 100%;
-    position: fixed;
-    left: 0;
-    top: 0;
-    z-index: -1;
-    background-color: rgba(0, 0, 0, 0.3);
-  }
-
   .detail-swiper-container {
-    height: 240px;
-    margin-top: 15px;
-    margin-left: 15px;
-    margin-right: 15px;
+    height: 270px;
+    width: 100%;
+    padding: 15px 15px 0;
+    box-sizing: border-box;
     overflow-x: scroll;
 
     .detail-swiper-scroll-container {
       display: flex;
-      height: 240px;
+      height: 250px;
       width: auto;
       align-items: center;
       justify-content: flex-start;
@@ -115,13 +105,10 @@
 
       .detail-swiper-item {
         flex: 0 0 auto;
-        max-width: calc(100vw - 30px);
-        max-height: 240px;
+        height: 250px;
+        display: flex;
+        align-items: center;
         &-image {
-          max-width: 100%;
-          max-height: 100%;
-          width: 300px;
-          height: 300px;
           border-radius: 12px;
           transition: transform 0.5s;
         }