You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
634 B
Vue
29 lines
634 B
Vue
1 year ago
|
<template>
|
||
|
|
<Swiper
|
||
|
|
:spaceBetween="30"
|
||
|
|
:centeredSlides="true"
|
||
|
|
:autoplay="{
|
||
|
|
delay: 7000,
|
||
|
|
disableOnInteraction: false,
|
||
|
|
}"
|
||
|
|
:pagination="{
|
||
|
|
clickable: true,
|
||
|
|
}"
|
||
|
|
:navigation="true"
|
||
|
|
:modules="[SwiperAutoplay, SwiperPagination, SwiperNavigation]"
|
||
|
|
>
|
||
|
|
|
||
|
|
<SwiperSlide v-for="image_id in image_ids">
|
||
|
|
<div>
|
||
|
|
<nuxt-img :src="'https://unboundedpress.org/api/images.files/' + image_id + '/binary'"
|
||
|
|
quality="50"/>
|
||
|
|
</div>
|
||
|
|
</SwiperSlide>
|
||
|
|
</Swiper>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: ['image_ids']
|
||
|
|
}
|
||
|
|
</script>
|