魅宠图像

feige

2023-11-19 090bce038b881a55f6453f49a8ae93c5697cf718

 ruoyi-ui/src/views/wish/wishInfo.vue

@@ -143,17 +143,26 @@
          <div v-if="uploading1" class="upload-status">正在上传...</div>
          <i v-if="!uploading1" slot="default" class="el-icon-plus"></i>
          <div slot="file" slot-scope="{file}">
            <img
            <!-- 添加video元素用于显示视频 -->
            <video
              v-if="file.url.includes('.mp4')"
              class="el-upload-list__item-thumbnail"
              src="../../assets/401_images/401.gif"
              alt=""
              style="width: 100%; height: 100%; object-fit: cover;"
              :src="file.url"
              style="width: 147px; height: 147px"
              fit="cover"
            >
            ></video>
            <img v-else
                 class="el-upload-list__item-thumbnail"
                 src="../../assets/401_images/401.gif"
                 alt=""
                 style="width: 147px; height: 147px"
                 fit="cover">

            <span class="el-upload-list__item-actions">
               <span class="el-upload-list__item-name">{{ file.name }}</span>
                    <span
                          class="el-upload-list__item-preview"
                          @click="handleFileCardPreview(file)"
                      class="el-upload-list__item-preview"
                      @click="handleFileCardPreview(file)"
                    >
                      <i class="el-icon-zoom-in"></i>
                    </span>
@@ -171,11 +180,9 @@
                    >
                      <i class="el-icon-delete"></i>
                    </span>
                  </span>

              </span>

          </div>


        </el-upload>

@@ -186,7 +193,7 @@
    </div>

    <el-dialog  :visible.sync="dialogVisible">
      <img w-full :src="dialogImageUrl"    style="width: 700px; height: 700px" alt="Preview Image" />
      <img w-full :src="dialogImageUrl"    style="width: 100%; height: 100%" alt="Preview Image" />
    </el-dialog>


@@ -544,7 +551,7 @@
  display: block;
  position: absolute;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{