<template>
	<view>
		<!-- 顶部 -->
		<view class="uni-head">
			<view class="uni-head-title">
				swiper滑块视图容器
			</view>			
		</view>
		
		<view class="container">
			<swiper circular autoplay="true" indicator-dots="true" interval="1000" :duration="n" indicator-active-color="#007aff">
				<swiper-item>
					<view class="swiper-item uni-bg-red">A</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item uni-bg-blue">B</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item uni-bg-green">C</view>
				</swiper-item>
			</swiper>
		</view>
		
	</view>
</template>

<script setup>
	const n = 500;
	
	// export default {
	// 	data() {
	// 		return {
	// 			n:500
	// 		}
	// 	},
	// 	methods: {
			
	// 	}
	// }
</script>

<style>
@import url('../../lib/smart.css');
.swiper-item{
	height: 300rpx;
	text-align: center;
	line-height: 300rpx;
}
</style>
