<div :class="postData.length>4?'upload-img-5':'upload-img-1'">

      <p class="p-header">上传需要找的面料照片：</p>

      <p style="font-size: 12px">请上传要找的完整图案、细节图、尺寸参照图、正反面对比等。(最多5张)</p>

      <div class="posting-uploader">

        <div class="posting-uploader-item" v-for="(item,nn) in postData" :key="nn">

          <img :src="item.content" alt="图片" class="imgPreview">

          <van-icon name="close" @click="delImg(nn)" class="delte"/>

        </div>

        <van-uploader :after-read="onRead" :accept="'image/*'" v-show="postData.length<=4">

          <img src="../../assets/img/img1.png" alt="等待传图" class="imgPreview">

        </van-uploader>

      </div>

    </div>

    delImg (index) {

      // 删除指定下标的图片对象

      if (isNaN(index) || index >= this.postData.length) {

        return false

      }

      let tmp = []

      for (let i = 0, len = this.postData.length; i < len; i++) {

        if (this.postData[i] !== this.postData[index]) {

          tmp.push(this.postData[i])

        }

      }

      this.postData = tmp

    },

    onRead (file) { // 上传图片到图片服务器

      // this.$refs.clothImg.src = file.content

      this.postData.push(file)  // postData是一个数组

      let url = API + '/upload?type=99'

      let fd = new FormData()

      fd.append('upImgs', file.file)

      this.axios.post(url, fd, {headers: {

        'Content-Type': 'multipart/form-data'

      }}).then(res => {

        this.imgUrlListValue.push(res.data.urls[0].image) //这里上传到指定的图片服务器，成功后会返回图片的url

      }).catch(err => {

        alert(err)

      })

    },

.upload-img-5{

  margin: 5px 0 90px 0;

}

.upload-img-1{

  margin: 5px 0 15px 0;

}