From 65da3d4a3ad0eae7b8e1f095665c67ca1b1955b3 Mon Sep 17 00:00:00 2001
From: Jason <5340635+wen-jason@user.noreply.gitee.com>
Date: Mon, 19 Sep 2022 12:11:54 +0800
Subject: [PATCH] =?UTF-8?q?=E7=B4=A0=E6=9D=90=E4=B8=AD=E5=BF=83=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/src/components/material/file.vue  | 8 +++++++-
 admin/src/components/material/index.vue | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/admin/src/components/material/file.vue b/admin/src/components/material/file.vue
index 1006b2cf..a9f05003 100644
--- a/admin/src/components/material/file.vue
+++ b/admin/src/components/material/file.vue
@@ -1,8 +1,14 @@
 <template>
     <div>
-        <div class="file-item" :style="{ height: fileSize, width: fileSize }">
+        <div class="file-item relative" :style="{ height: fileSize, width: fileSize }">
             <el-image class="image" v-if="type == 'image'" fit="contain" :src="uri"></el-image>
             <video class="video" v-else-if="type == 'video'" :src="uri"></video>
+            <div
+                v-if="type == 'video'"
+                class="absolute left-1/2 top-1/2 translate-x-[-50%] translate-y-[-50%] rounded-full w-5 h-5 flex justify-center items-center bg-[rgba(0,0,0,0.3)]"
+            >
+                <icon name="el-icon-CaretRight" :size="18" color="#fff" />
+            </div>
             <slot></slot>
         </div>
     </div>
diff --git a/admin/src/components/material/index.vue b/admin/src/components/material/index.vue
index 5bded73c..ae49e1ad 100644
--- a/admin/src/components/material/index.vue
+++ b/admin/src/components/material/index.vue
@@ -228,7 +228,7 @@
                     </el-table-column>
                     <el-table-column label="图片" width="60">
                         <template #default="{ row }">
-                            <file-item :uri="row.uri" file-size="40px"></file-item>
+                            <file-item :uri="row.uri" file-size="40px" :type="type"></file-item>
                         </template>
                     </el-table-column>
                     <el-table-column label="名称" min-width="100" show-overflow-tooltip>