| | |
|---|
| | | list-type="picture-card" |
|---|
| | | > |
|---|
| | | |
|---|
| | | <template #tip> |
|---|
| | | <!-- <template #tip> |
|---|
| | | <div class="el-upload__tip"> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </el-upload> --> |
|---|
| | | <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-preview" |
|---|
| | | @click="handleFileCardPreview(file)" |
|---|
| | | > |
|---|
| | | <i class="el-icon-zoom-in"></i> |
|---|
| | | </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" |
|---|
