huiting/miniprogram/components/imagePicker/imagePicker.wxml

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