fix: make central iframe transparent with semi-transparent panel background

This commit is contained in:
Cui Hongwei
2026-06-24 14:43:27 +08:00
parent 56a0c6bc82
commit e12a7b0828

View File

@@ -66,7 +66,7 @@
</div> </div>
<section class="qa-model-panel"> <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> <div v-else class="model-placeholder">等待配置三维模型地址</div>
</section> </section>
@@ -613,9 +613,7 @@ body,
.qa-model-panel { .qa-model-panel {
position: relative; position: relative;
background: background: rgba(8, 18, 32, 0.22);
linear-gradient(180deg, rgba(6, 14, 25, 0.14), rgba(6, 14, 25, 0.36)),
rgba(8, 18, 32, 0.7);
} }
.model-frame, .model-frame,
@@ -628,6 +626,7 @@ body,
width: 100%; width: 100%;
height: 100%; height: 100%;
border: 0; border: 0;
background: transparent;
} }
.model-placeholder { .model-placeholder {