huiting/miniprogram/components/imagePicker/imagePicker.wxml

<!--components/imagePicker/imagePicker.wxml-->
<view class="image-list">
  <label wx:for="{{images}}" wx:for-item="item" wx:key="*this">
    <image class="image"
      style="position: relative; margin: {{imageMargin}}rpx; width: {{imageWidth}}rpx; height: {{imageHeight}}rpx;"
      src="{{item}}" mode="aspectFill" data-url="{{item}}" catchtap="previewImage">
      <icon wx:if="{{!readonly}}" style="position: absolute; top: 0; left: 0;" type="cancel" size="20"
        data-url="{{item}}" catchtap="removeImage"></icon>
    </image>
  </label>
  <image wx:if="{{images.length < max && !readonly}}" class="image"
    style="margin: {{imageMargin}}rpx; width: 150rpx; height: 150rpx;" src="/images/add.png" mode="aspectFill"
    catchtap="addImage"></image>
</view>