<template>
	<view>
		<swiper :autoplay="slide_setting.autoplay" :style="{'background-color': slide_setting.bg_color, 'height': slide_setting.slideHeight*2+'rpx'}" circular="true" interval="3000" :indicator-dots="slide_setting.dots">
			<swiper-item v-for="(item, key) in slide_list" :key="key">
				<view :style="{'height': slide_setting.slideHeight*2+'rpx'}">
					<image class="slide_img" :src="item.img_url" @click="jumpPage(item.img_href)"></image>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		props: {
			wrapper_props: {
				type: Object
			}
		},
		data() {
			return {
				slide_setting: this.wrapper_props.slide_setting,
				slide_list: this.wrapper_props.slide_list
			}
		},
		methods: {
			jumpPage(url) {
				
			}
		}
	}
</script>

<style lang="less" scoped>
	.slide_img {
		width: 100%;
		height: 100%;
	}
</style>
