34 lines
755 B
Vue
34 lines
755 B
Vue
<script setup>
|
|
import { register } from 'swiper/element/bundle'
|
|
import swiper16 from '@images/banner/banner-16.jpg'
|
|
import swiper17 from '@images/banner/banner-17.jpg'
|
|
import swiper18 from '@images/banner/banner-18.jpg'
|
|
import swiper19 from '@images/banner/banner-19.jpg'
|
|
import swiper20 from '@images/banner/banner-20.jpg'
|
|
|
|
register()
|
|
</script>
|
|
|
|
<template>
|
|
<swiper-container
|
|
space-between="30"
|
|
pagination="true"
|
|
navigation="true"
|
|
effect="fade"
|
|
events-prefix="swiper-"
|
|
>
|
|
<swiper-slide
|
|
v-for="swiperImg in [
|
|
swiper20,
|
|
swiper19,
|
|
swiper18,
|
|
swiper17,
|
|
swiper16,
|
|
]"
|
|
:key="swiperImg"
|
|
>
|
|
<VImg :src="swiperImg" />
|
|
</swiper-slide>
|
|
</swiper-container>
|
|
</template>
|