examcloud-weixin-upload-audio/pages/index/component/PicturePanel/index.wxml

<!--pages/main/component/PicturePanel/index.wxml-->
<view class="picture-container">
  <view class="picture-bottom" wx:if="{{pictures.length == 0 && !gridLoading}}" bindtap="choosePic">
    <view class="btn-container">
      <view class="btn"><image mode="aspectFit" src='/assets/picture.png' style='width:24px;height:22px;'></image></view>
      <text class="btn-label">点击开始拍照</text>
    </view>
  </view>
</view>

<view class="grid-loading" wx:if="{{gridLoading}}">正在加载...</view>

<view class="grid-container" wx:if="{{pictures.length>0}}">
    <view class="label">最多可以上传{{maxPicture}}张照片</view>
    <view class="grid">
      <block wx:for="{{pictures}}">
        <view class="image-container">
        <view class="del" bindtap="del" data-index="{{index}}"><image mode="center" src='/assets/del.png' style='width:28px;height:28px;'></image></view>
        <view class="err" wx:if="{{item.err || (item.status == 'FAIL' && item.retry == 0)}}">{{item.err ? item.err : '请删除或点击确认上传重试'}}</view>
        <!--<view class="success" wx:if="{{item.status == 'SUCCESS'}}">上传成功</view>-->
        <image mode="scaleToFill" src='{{item.tempFilePath}}' style="width: {{size}}px;height: {{size}}px;border-radius:10px;"></image>
        </view>
      </block>
      <block wx:if="{{pictures.length < maxPicture}}">
      <view class="add" style="width: {{size}}px;height: {{size}}px;" bindtap="choosePic">
        <image mode="aspectFit" src='/assets/add.png' style='width:24px;height:24px;'></image>
      </view>
      </block>
    </view>
    <view class="submit {{willSubmit ? 'disable' : ''}}" bindtap="submit">确认上传</view>

  </view>