From e12a7b08284322197ad66c5fcadd7aaf990bd769 Mon Sep 17 00:00:00 2001
From: Cui Hongwei <developer@dalujia.com>
Date: Wed, 24 Jun 2026 14:43:27 +0800
Subject: [PATCH] fix: make central iframe transparent with semi-transparent
 panel background

---
 src/views/DaLuJiaTV1.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/views/DaLuJiaTV1.vue b/src/views/DaLuJiaTV1.vue
index 642a60d..8ea7e96 100644
--- a/src/views/DaLuJiaTV1.vue
+++ b/src/views/DaLuJiaTV1.vue
@@ -66,7 +66,7 @@
         </div>
 
         <section class="qa-model-panel">
-          <iframe v-if="iframeAddress" class="model-frame" :src="iframeAddress" title="三维模型"></iframe>
+          <iframe v-if="iframeAddress" allowtransparency="true" class="model-frame" :src="iframeAddress" title="三维模型"></iframe>
           <div v-else class="model-placeholder">等待配置三维模型地址</div>
         </section>
 
@@ -613,9 +613,7 @@ body,
 
 .qa-model-panel {
   position: relative;
-  background:
-    linear-gradient(180deg, rgba(6, 14, 25, 0.14), rgba(6, 14, 25, 0.36)),
-    rgba(8, 18, 32, 0.7);
+  background: rgba(8, 18, 32, 0.22);
 }
 
 .model-frame,
@@ -628,6 +626,7 @@ body,
   width: 100%;
   height: 100%;
   border: 0;
+  background: transparent;
 }
 
 .model-placeholder {