huiting/miniprogram/components/imagePicker/imagePicker.wxml

<!--components/imagePicker/imagePicker.wxml-->
<view style="text-align: center;">
  <label wx:for="{{images}}" wx:for-item="item" wx:key="*this">
    <image class="image" style="position: relative; 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="width: 150rpx; height: 150rpx;"
    src="/images/add.png" mode="aspectFill" catchtap="addImage"></image>
</view>