40 lines
868 B
Vue
40 lines
868 B
Vue
<script setup>
|
|
import { register } from 'swiper/element/bundle'
|
|
import swiper20 from '@images/banner/banner-20.jpg'
|
|
import swiper4 from '@images/banner/banner-4.jpg'
|
|
import swiper5 from '@images/banner/banner-5.jpg'
|
|
import swiper7 from '@images/banner/banner-7.jpg'
|
|
import swiper8 from '@images/banner/banner-8.jpg'
|
|
import swiper9 from '@images/banner/banner-9.jpg'
|
|
|
|
register()
|
|
</script>
|
|
|
|
<template>
|
|
<swiper-container
|
|
pagination-clickable="true"
|
|
autoplay="true"
|
|
navigation="true"
|
|
events-prefix="swiper-"
|
|
>
|
|
<swiper-slide
|
|
v-for="swiperImg in [
|
|
swiper4,
|
|
swiper5,
|
|
swiper9,
|
|
swiper7,
|
|
swiper8,
|
|
swiper20,
|
|
]"
|
|
:key="swiperImg"
|
|
lazy="true"
|
|
>
|
|
<VImg
|
|
:src="swiperImg"
|
|
cover
|
|
loading="lazy"
|
|
/>
|
|
</swiper-slide>
|
|
</swiper-container>
|
|
</template>
|