小程序--輪播圖
阿新 • • 發佈:2018-09-24
nbsp 輪播圖 tex ots item ges ext http per
wxml頁面
interval :圖片跳轉的時間間隔
autoplay:自動切換圖片
indicator-dots:圖片下方的小圓點
<swiper indicator-dots=‘true‘ autoplay=‘true‘ interval=‘5000‘ vertical="{{false}}"> <swiper-item> <image src="/images/post/[email protected]"></image> </swiper-item> <swiper-item> <image src="/images/post/[email protected]"></image> </swiper-item> <swiper-item> <image src="/images/post/[email protected]"></image> </swiper-item> </swiper>
wxss頁面
swiper{ width: 100%; height: 600rpx; } swiper image{ width: 100%; height: 600rpx; }
效果圖:
小程序--輪播圖