fix: make central iframe transparent with semi-transparent panel background
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user