# 循环

# 基础用法

设置loop为true,即可开启循环。

<z-swiper v-model="list" :options="{loop : true}">
	<z-swiper-item v-for="(item,index) in list" :key="index">
		<image class="image" :src="item" mode="aspectFill">
		</image>
	</z-swiper-item>
</z-swiper>
list: [
	'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe1.jpg',
	'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe2.jpg',
	'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe3.jpg',
	'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe4.jpg',
	'https://cdn.zebraui.com/zebra-ui/images/swipe-demo/swipe5.jpg'
],
.demo-swiper {
	.image {
		height: 300rpx;
		width: 100%;
	}
}