瀏覽代碼

自动播放

xiaohaizhao 1 年之前
父節點
當前提交
3bc6a9febd
共有 1 個文件被更改,包括 11 次插入1 次删除
  1. 11 1
      components/slideshow.vue

+ 11 - 1
components/slideshow.vue

@@ -3,7 +3,7 @@
         <swiper :style="{
             width: tovw(width),
             height: tovw(height),
-        }">
+        }" :autoplay="autoplay" :interval="interval" circular>
             <swiper-item class="swiper-item" v-for="(item, index) in list" :key="item.list">
                 <u--image @click="onClick(index)" :src="item.cover" :width="tovw(width)" :height="tovw(height)"
                     mode="aspectFill" :lazy-load="true">
@@ -21,6 +21,16 @@ import { viewImage } from "../utils/settleFiles";
 
 export default {
     name: 'slideshow',
+    props: {
+        autoplay: {
+            type: Boolean,
+            default: true
+        },
+        interval: {
+            type: [Number, String],
+            default: 5000
+        }
+    },
     data() {
         return {
             width: 375,