yz3456
2024-08-13 695a1d56442b734d44212269f1e4c44220f9d9f0
ruoyi-ui/src/views/note/index.vue
@@ -371,10 +371,44 @@
        list-type="picture-card"
          :http-request="requestUpload1"
        >
          <template #tip>
          <!-- <template #tip>
            <div class="el-upload__tip">
            </div>
          </template>
          </template> -->
          <i slot="default" class="el-icon-plus"></i>
            <div slot="file" slot-scope="{file}">
              <!-- 添加video元素用于显示视频 -->
              <video
                v-if="file.url.includes('.mp4')"
                class="el-upload-list__item-thumbnail"
                :src="file.url"
                style="width: 147px; height: 147px"
                fit="cover"
              ></video>
              <img v-else
                   class="el-upload-list__item-thumbnail"
                   src="../../assets/images/deviceLis.png"
                   alt=""
                   style="width: 100%; height: 100%"
                   fit="cover"></img>
              <span class="el-upload-list__item-actions">
                   <span class="el-upload-list__item-name">{{ file.name }}</span>
                        <span
                          class="el-upload-list__item-delete"
                          @click="handleRemoveFile(file)"
                        >
                          <i class="el-icon-delete"></i>
                        </span>
                  </span>
            </div>
        </el-upload>
    <el-button
                style="margin-left: 10px"