小程序中循环套循环的怎么解

liyan882

于 2022-06-09 23:46:15 发布

173

分类专栏：微信小程序文章标签：小程序前端微信小程序

本文链接：https://blog.csdn.net/u014077467/article/details/125213170

版权

微信小程序专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1、wxml中
外层wx:for=“{{materiallistData}}” wx:key=“id”
内层wx:for=“{{item.pictureList}}” wx:key=“idx” wx:for-item=“child” wx:for-index=“idx”

<view class="material_card" wx:for="{{materiallistData}}" wx:key="id">
  <view class="material_title">
    <image src="{{icon.materialIco}}" mode="aspectFit" />
    <text>{{item.title}}</text>
  </view>
  <rich-text class="material_text">{{item.text}}}</rich-text>

  <!-- 素材图片 start-->
  <view wx:if="{{item.pictureList.length>0}}" class="material_picture">
    <view wx:for="{{item.pictureList}}" wx:key="idx" wx:for-item="child" wx:for-index="idx" bindtap="imgDetail">
      <image src="{{offlineimgUrl+child}}" mode="heightFix" />
    </view>
  </view>
  <!-- 素材图片 end-->
  
  <view class="material_card_bottom">
    <text>发布 {{item.time}}</text>
    <button hover-class="none">一键下载</button>
  </view>
</view>