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


在小程序中為了實現一個<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>

 效果:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM