<template>
	<gracePage :customHeader="false">
		<view class="container" slot="gBody">
			<dever-swiper class="swiper" @change="change" :current="current" :circular="circular" :item="data" v-slot="{item}">
				<view>{{item}}</view>
			</dever-swiper>
		</view>
	</gracePage>
</template>

<script>
	import deverSwiper from '@/lib/dever/components/swiper.vue';
	export default {
		data() {
			return {
				current : 0,
				circular : true,
				data : [1, 2, 3, 4, 5, 6, 7] // 数据列表
			}
		},
		onLoad() {
			
		},
		
		
		methods: {
			change : function(cur, index) {
				console.info(cur, index);
			}
		},
		components:{
			deverSwiper
		}
	}
</script>

<style lang="scss" scoped>
page {
	max-height: 100%;
}

.swiper {
	width: 750rpx;
	height: 100%;
}
swiper-item>view{
  height: 100%;
}
swiper-item image{
  width: 750rpx;
  height: 100%;
}

</style>
