From 090bce038b881a55f6453f49a8ae93c5697cf718 Mon Sep 17 00:00:00 2001 From: feige <feige@qq.com> Date: 星期日, 19 十一月 2023 18:39:02 +0800 Subject: [PATCH] 魅宠图像 --- ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue | 32 ++++++++++++++++++++------------ 1 files changed, 20 insertions(+), 12 deletions(-) diff --git a/ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue b/ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue index 6dbb872..d6d21c0 100644 --- a/ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue +++ b/ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue @@ -153,17 +153,26 @@ <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div> <i v-if="!uploading" 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="" + :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> @@ -172,8 +181,8 @@ class="el-upload-list__item-delete" @click="handleDownload(file.url)" > - <i class="el-icon-download"></i> - </span> + <i class="el-icon-download"></i> + </span> <span v-if="isShow" class="el-upload-list__item-delete" @@ -181,8 +190,7 @@ > <i class="el-icon-delete"></i> </span> - </span> - + </span> </div> @@ -196,7 +204,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> @@ -539,7 +547,7 @@ .form{ background:center/11% no-repeat url('../../assets/icons/form.png') ; } -.hide .el-upload--picture-card { +.hide /deep/ .el-upload--picture-card { display: none; } .form_item{ -- Gitblit v1.9.1