微信小程序：列表渲染 wx:for

微信小程序开发文档

• wx:for 也可以嵌套，下边是一个九九乘法表

<view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="i">
  <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="j">
    <view wx:if="{{i <= j}}">
      {{i}} * {{j}} = {{i * j}}
    </view>
  </view>
</view>

• 获取卡列表

 <view class="card-item" wx:if="{{myCardList.length==1}}" 
 wx:for="{{myCardList}}" wx:for-item="cardItem"   wx:key="{{cardItem.Id}}" >
            <view style="background:url('{{cardItem.BgImg}}') no-repeat center; 
            background-size:  680rpx 304rpx; height: 308rpx;">

            </view>
        </view>