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