uni-app编写轮播图

使用usw就会显示swiper的快捷代码

<swiper class="index-swiper" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item>
				<image src="http://qiniu.chenyp.top/tinumb/show/showlife-01.jpg"></image>
			</swiper-item>
			<swiper-item>
				<image src="http://qiniu.chenyp.top/tinumb/show/showlife-02.jpg"></image>
			</swiper-item>
		</swiper>
.index-swiper{
    
    
		width: 100%;
		height: 468upx;
	}
	
	image{
    
    
		width: 100%;
	}

其他的功能可以去看官方的文档很详细的

猜你喜欢

转载自blog.csdn.net/qq_42794826/article/details/113812465