这个屌丝很懒，什么也没留下！

uniapp最简单的轮播图_uniapp小程序实现轮播图效果,轮播图子组件呈圆形围绕,切换时就滚动圆圈

作者：我家自动化 | 2024-07-14 15:48:50

uniapp小程序实现轮播图效果,轮播图子组件呈圆形围绕,切换时就滚动圆圈

html


<swiper class="swiper" autoplay="true" interval="3000" duration="1500" circular="true" indicator-dots="true">
	<swiper-item v-for="(item , index) in img" :key="index">
		<image :src="item" ></image>
	</swiper-item>
</swiper>

css


.honorswiper-item image{width: 100%;}
.swiper{height: 350rpx;width: 100%;margin: auto;}
.image{width: 100%; height:350rpx; display: flex;}

honor为轮播图外层盒子,可以随意更换

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】