From 3121b2aa53ff38abb1178f3647c52f3247a2287c Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Thu, 30 Jul 2026 22:08:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A6=96=E9=A1=B5=E6=92=AD=E6=94=BE?=
 =?UTF-8?q?=E8=A7=86=E9=A2=91=E4=B8=8Etab=E9=87=8D=E5=A4=8D=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/PanoramicHome/index.vue        | 20 +++++++++++++++++++
 src/pages/Discovery/index.vue                 |  1 +
 2 files changed, 21 insertions(+)

diff --git a/src/pages/Discovery/components/PanoramicHome/index.vue b/src/pages/Discovery/components/PanoramicHome/index.vue
index 7a76aa9..c9d7a16 100644
--- a/src/pages/Discovery/components/PanoramicHome/index.vue
+++ b/src/pages/Discovery/components/PanoramicHome/index.vue
@@ -8,7 +8,23 @@
       hover-stay-time="80"
       @tap="handleCardTap(panoramaMainCards[0])"
     >
+      <video
+        v-if="isMp4Video(panoramaMainCards[0].coverImageUrl)"
+        class="absolute inset-0 h-full w-full"
+        :src="panoramaMainCards[0].coverImageUrl"
+        autoplay
+        loop
+        muted
+        :controls="false"
+        :show-center-play-btn="false"
+        :show-play-btn="false"
+        :show-fullscreen-btn="false"
+        :show-mute-btn="false"
+        :enable-progress-gesture="false"
+        object-fit="cover"
+      />
       <image
+        v-else
         class="absolute inset-0 h-full w-full"
         :src="panoramaMainCards[0].coverImageUrl"
         mode="aspectFill"
@@ -144,6 +160,10 @@ const activeOtherCard = computed(() => {
   return panoramaOtherCards.value[activeSwiperIndex.value] || panoramaOtherCards.value[0];
 });
 
+const isMp4Video = (url) => {
+  return typeof url === "string" && /\.mp4(?:[?#].*)?$/i.test(url.trim());
+};
+
 const handleSwiperChange = (event) => {
   activeSwiperIndex.value = Number(event.detail?.current || 0);
 };
diff --git a/src/pages/Discovery/index.vue b/src/pages/Discovery/index.vue
index 77d147a..d79a4a4 100644
--- a/src/pages/Discovery/index.vue
+++ b/src/pages/Discovery/index.vue
@@ -78,6 +78,7 @@ const handleContentScroll = (e) => {
 /// 点击主景区
 const handleMainPanoramaClick = () => {
   isMainPanoramaGuide.value = true;
+  discoveryTabs.value = [];
   discoveryCards.value = [];
   exploreCards.value = [];
   discoveryQuickQuestions.value = [];