盲盒

src/main/nine-space/src/components/product/ProductBanner.vue

@@ -49,12 +49,9 @@ import { Swiper, SwiperSlide } from 'swiper/vue';
 import 'swiper/swiper.min.css';
 import 'swiper/swiper-bundle.min.css';
 
-import SwiperCore, { Pagination } from 'swiper';
-
 import product from '../../mixins/product';
 import Post from '../Post.vue';
 import { ImagePreview } from 'vant';
-SwiperCore.use([Pagination]);
 export default {
     props: {
         info: {

src/main/nine-space/src/views/product/Detail.vue

@@ -240,12 +240,21 @@ import product from '../../mixins/product';
 import HashCode from '../../components/product/HashCode.vue';
 import ProductTitle from '../../components/product/ProductTitle.vue';
 import ProductBanner from '../../components/product/ProductBanner.vue';
+import { Swiper, SwiperSlide } from 'swiper/vue';
 
+import 'swiper/swiper.min.css';
+import 'swiper/swiper-bundle.min.css';
+
+import SwiperCore, { Pagination } from 'swiper';
+
+SwiperCore.use([Pagination]);
 export default {
     components: {
         HashCode,
         ProductTitle,
-        ProductBanner
+        ProductBanner,
+        Swiper,
+        SwiperSlide
     },
     mixins: [product],
     data() {
@@ -823,8 +832,6 @@ export default {
     }
 }
 
-
-
 .share-content {
     display: flex;
     margin-top: 20px;
@@ -853,7 +860,6 @@ export default {
     }
 }
 
-
 .status-text {
     font-size: @font4;
     color: #939599;
@@ -997,4 +1003,10 @@ export default {
         border-top: 1px solid #202122;
     }
 }
+
+.detail-swiper {
+    .swiper-slide {
+        width: 170px;
+    }
+}
 </style>