增加基本项目配置

components/ProductConSwiper.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="slider-banner product-bg">
+    <swiper class="swiper-wrapper" @change="handleChange" v-if="imgUrls.length > 0">
+      <block v-for="(item, imgUrlsIndex) in imgUrls" :key="imgUrlsIndex">
+        <swiper-item>
+          <img :src="item" class="slide-image" />
+        </swiper-item>
+      </block>
+    </swiper>
+    <!-- <swiper class="swiper-wrapper" :options="ProductConSwiper" v-if="imgUrls.length > 0">
+      <swiperSlide class="swiper-slide" v-for="item in imgUrls" :key="item" ref="goodSwiper">
+        <img :src="item" class="slide-image" />
+      </swiperSlide>
+    </swiper>-->
+    <div class="pages">{{ currents || 1 }}/{{ imgUrls.length || 1 }}</div>
+  </div>
+</template>
+<script>
+// import { swiper, swiperSlide } from "vue-awesome-swiper";
+
+export default {
+  name: "ProductConSwiper",
+  components: {
+    // swiper,
+    // swiperSlide
+  },
+  props: {
+    imgUrls: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data: function() {
+    let that = this;
+    return {
+      currents: 1,
+      ProductConSwiper: {
+        autoplay: {
+          disableOnInteraction: false,
+          delay: 2000
+        },
+        loop: true,
+        speed: 1000,
+        observer: true,
+        observeParents: true,
+        on: {
+          slideChangeTransitionStart: function() {
+            that.currents = this.realIndex + 1;
+          }
+        }
+      }
+    };
+  },
+  mounted: function() {},
+  methods: {
+    handleChange(event) {
+      this.currents = event.mp.detail.current + 1;
+    }
+  }
+};
+</script>