<template>
	<swiper class="swiper-box" :style="{height:`${height}rpx`}" :current="current" autoplay circular indicator-dots>
		<swiper-item v-for="(item,index) in bannerList" :key='item.id'>
			<image @click="$utils.route.clickJumpType(item)" class="image" :src="item.fileUrl" mode="scaleToFill"
				:draggable="false" />
		</swiper-item>
	</swiper>
</template>

<script>
	export default {
		props: {
			bannerList: {
				type: Array,
				default: []
			},
			height: {
				type: String,
				default: '342'
			}
		}
	}
</script>

<style lang="scss">
	.swiper-box {
		width: 690rpx;
		margin: 20rpx auto;
		border-radius: 20rpx;
		overflow: hidden;

		.image {
			width: 100%;
			height: 100%;
			border-radius: 20rpx;
		}
	}
</style>
