微信小程序循环输出图片列表

要循环输出图片列表，可以使用小程序的wx:for循环和wx:for-item、wx:for-index属性来实现。具体的步骤如下：

1.在wxml文件中，定义一个图片列表的区域，使用wx:for循环遍历图片列表，并使用wx:for-item和wx:for-index属性获取当前项的数据和索引。

<view>
  <block wx:for="{{imageList}}" wx:for-item="image" wx:for-index="index">
    <image src="{{image}}" mode="aspectFit"></image>
  </block>
</view>

2.在js文件中，定义一个图片列表的数组，将需要展示的图片的路径存储在数组中，并将该数组赋值给data中的imageList变量。

Page({
  data: {
    imageList: [
      'image1.jpg',
      'image2.jpg',
      'image3.jpg',
      // ...其他图片的路径
    ]
  },
  // ...其他代码
})

这样就可以循环输出图片列表了，每个图片会根据wx:for属性循环渲染一次。