微信小程序中在swiper-item中遍歷循環添加多個數據內容(微信小程序交流羣:604788754)

在小程序中爲了實現一個<swiper-item>中添加多個內容重複的標籤,那就須要使用wx:for循環。若是按小程序的簡易教程,循環加在block中,而swiper-item放在裏面。全部數據都會遍歷到每個swiper-item中。這不是咱們想要的。小程序

只須要把<block>放入<swiper-item>中就能夠,把循環數據綁定到block上就能夠了。vim

代碼:blog

<!--導航部分輪播圖-->
<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>

 效果:教程

相關文章
相關標籤/搜索