Browse Source

视频不轮播

wangqin
zhoule 7 months ago
parent
commit
3288cb2677
  1. 11
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/Carousel/index.vue

11
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/Carousel/index.vue

@ -11,7 +11,7 @@
</div> </div>
</VueSlickCarousel> </VueSlickCarousel>
<VueSlickCarousel v-if="videos.length > 0" v-bind="settings" ref="CarouselRef" class="vueSlickCarousel"> <VueSlickCarousel v-if="videos.length > 0" v-bind="videoSettings" ref="CarouselRef" class="vueSlickCarousel">
<div v-for="(item, index) in videos " :key="index" class="item"> <div v-for="(item, index) in videos " :key="index" class="item">
<Video style="height: 100%;" :showHeader="false" :url="item || ''" videoType="mp4" /> <Video style="height: 100%;" :showHeader="false" :url="item || ''" videoType="mp4" />
</div> </div>
@ -63,6 +63,15 @@ export default {
autoplay: true, autoplay: true,
autoplaySpeed: 1800, autoplaySpeed: 1800,
}, },
videoSettings: {
infinite: true,
arrows: false,
speed: 600,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 1800,
}
} }
}, },
methods: { methods: {

Loading…
Cancel
Save