feat: 详情页轮播图

2025-09-04 18:58:59 +08:00
parent 1e9b40c208
commit 1012f75eac
3 changed files with 69 additions and 17 deletions
--- a/src/pages/detail/index.scss
+++ b/src/pages/detail/index.scss
@@ -81,6 +81,38 @@
    background-color: rgba(0, 0, 0, 0.3);
  }

+  .detail-swiper-container {
+    height: 240px;
+    margin-top: 15px;
+    margin-left: 15px;
+    margin-right: 15px;
+    overflow-x: scroll;
+
+    .detail-swiper-scroll-container {
+      display: flex;
+      height: 240px;
+      width: auto;
+      align-items: center;
+      justify-content: flex-start;
+      flex-wrap: nowrap;
+      gap: 12px;
+
+      .detail-swiper-item {
+        flex: 0 0 auto;
+        max-width: calc(100vw - 30px);
+        max-height: 240px;
+        &-image {
+          max-width: 100%;
+          max-height: 100%;
+          width: 300px;
+          height: 300px;
+          border-radius: 12px;
+          transition: transform 0.5s;
+        }
+      }
+    }
+  }
+
  .detail-swiper {
    height: 240px;
    margin-top: 15px;