uni-app 轮播banner循环展示


<view class="page-section swiper">
					<view class="page-section-spacing">
						<swiper class="swiper" :circular="circular" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
							<swiper-item class="swiper-i" v-for="(item,index) in top_ad_img" :key="index">
								<view class="swiper-item" @tap="goDetail(item.link)">
									<image :src='$httpRequest.imgUrl+item.big_img_url' mode=""></image>
								</view>
							</swiper-item>
						</swiper>
					</view>
				</view>

  

circular:true    循环图片列表
indicatorDots:true   是否显示底部的圆点
autoplay:true     自动播放
interval:3000   自动切换时间间隔
duration:500    滑动动画时长


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM