From b0e0593f657bf35090bef4d2c1c44c9ee62d39a0 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Thu, 12 Feb 2026 18:40:29 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20=E6=98=BE=E7=A4=BA=20vod=20?=
 =?UTF-8?q?=E5=8D=A0=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/viewPost/tp-vod.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/viewPost/tp-vod.vue b/src/components/viewPost/tp-vod.vue
index e566e158..9d637251 100644
--- a/src/components/viewPost/tp-vod.vue
+++ b/src/components/viewPost/tp-vod.vue
@@ -7,7 +7,8 @@
       data-html2canvas-ignore
     ></div>
     <div class="tp-vod-share">
-      <img :src="coverUrl" alt="cover" class="tp-vod-cover" />
+      <img v-if="coverUrl" :src="coverUrl" alt="cover" class="tp-vod-cover" />
+      <v-progress-circular v-else color="primary" indeterminate size="25" />
       <img alt="icon" class="tp-vod-icon" src="/source/UI/video_play.svg" />
       <div class="tp-vod-time">
         <v-icon size="12">mdi-clock-time-four-outline</v-icon>
@@ -169,9 +170,12 @@ onUnmounted(() => {
   max-width: 100%;
   margin: 8px auto;
   aspect-ratio: v-bind(vodAspectRatio); /* stylelint-disable-line value-keyword-case */
+  background: var(--box-bg-1);
 }
 
 .tp-vod-container {
+  position: relative;
+  z-index: 1;
   overflow: hidden;
   max-width: 100%;
   border-radius: 8px;
@@ -180,7 +184,7 @@ onUnmounted(() => {
 
 .tp-vod-share {
   position: absolute;
-  z-index: -1;
+  z-index: 0;
   top: 0;
   left: 0;
   display: flex;