小程序 常用的遍歷方式


  js代碼

basketball_list:{
      swiper:[
        {img:i0b,text:'demo-text-1'},
        {img:i1b,text:'demo-text-1'}
      ],
      data:[
        {img:'url',
        title: 'title',
        date: 'date',
        count: 'count'},
        {img:'url',
        title: 'title',
        date: 'date',
        count: 'count'},
      ]
    },

  wxml代碼

<view class="goods-box" wx:for="{{basketball_list.data}}">
    <view>{{item.img}}</view>
    <view>{{item.title}}</view>
    <view>{{item.date}}{{item.count}}</view>
</view>
<swiper
    indicator-dots="true" autoplay="false" interval="2000" duration="500">
    <block wx:for="{{basketball_list.swiper}}" wx:key="*this">
        <swiper-item>
            <image style="width:100%;height:160px;" src="{{item.img}}"></image>
        </swiper-item>
    </block>
</swiper>

注意:data定義方式

1:data[]——數組

2:data{}——對象(集合)


免責聲明!

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



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