大屏适配

This commit is contained in:
yanran200730
2021-12-31 16:45:42 +08:00
parent 57b048cba0
commit 2fee0695a1

View File

@@ -2,13 +2,15 @@
<div class="AppGigscreenViewer"> <div class="AppGigscreenViewer">
<div v-if="!component"> <div v-if="!component">
<div <div
class="component-item"
:style="{ :style="{
width: item.width * scale + 'px', width: item.width + 'px',
height: item.height * scale + 'px', height: item.height + 'px',
left: item.left * scale + 'px', left: item.left * scale + 'px',
top: item.top * scale + 'px', top: item.top * scale + 'px',
position: 'absolute', position: 'absolute',
zIndex: item.zIndex zIndex: item.zIndex,
transform: `scale(${scale})`
}" }"
v-for="(item, index) in componentList" v-for="(item, index) in componentList"
:key="index"> :key="index">
@@ -170,6 +172,10 @@
height: 100%; height: 100%;
background: transparent !important; background: transparent !important;
.component-item {
transform-origin: 0 0;
}
.dv-scroll-board { .dv-scroll-board {
height: calc(100%) !important; height: calc(100%) !important;