<template>
	<view class="swiper-area pos-r" v-if="datas && datas.length > 0">
		<!-- 轮播组件 -->
		<swiper class="swiper w-full" autoplay indicator-dots indicator-color="#f7f7f7" indicator-active-color="#000">
			<swiper-item class="swiper-item wh-full box-sizing-b" v-for="(item, index) in datas" :key="index">
				<view class="wh-full" @click.stop="topage(item)">
					<image class="wh-full" mode="aspectFill" :lazy-load="true" :src="item.img" />
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>
<script>
	export default {
		name:"my-wrapper",
		data() {
			return {
				
			};
		},
		props:{
			datas:{
				type:Array,
				default: () => []
			}
		},
		methods:{
			topage(){
				
			}
		}
	}
</script>

<style lang="scss">
/* 轮播图区 */
.swiper-area {
	width: 100%;
	.swiper {
		height: 450rpx;
		width: 100%;
	}
}
</style>