在小程序中為了實現一個<swiper-item>中添加多個內容重復的標簽,那就需要使用wx:for循環。如果按小程序的簡易教程,循環加在block中,而swiper-item放在里面。所有數據都會遍歷到每一個swiper-item中。這不是我們想要的。
只需要把<block>放入<swiper-item>中就可以,把循環數據綁定到block上就可以了。
代碼:
<!--導航部分輪播圖--> <swiper class="navban" indicator-dots="{{indicatorDots}}" interval="{{interval}}" duration="{{duration}}"> <swiper-item> <block wx:for="{{navimg}}"> <view class="navbox"> <image class="navimg" src="{{item}}"></image> <text class="navtext">掌上信息</text> </view> </block> </swiper-item> </swiper>
效果: