解决大屏定位bug

src/renderer/assets/less/mainpage.less

@@ -4,11 +4,13 @@
   max-height: 100vh;
   background-color: #333;
   overflow: hidden;
+  font-weight: 500;
+  font-family: "微软雅黑";
 
   // 列表项样式
   .signal_item {
-    width: 100%;
-    height: 132px;
+    /*width: 100%;
+    height: 132px;*/
     display: flex;
     justify-content: center;
     align-items: center;
@@ -33,7 +35,6 @@
         border-radius: 2px;
 
         /*空间*/
-
         .signal_item_bg_body_space {
           width: 94%;
           height: 80%;
@@ -42,7 +43,6 @@
         }
 
         /*文字*/
-
         .signal_item_bg_body_font {
           width: 100%;
           height: 15%;

src/renderer/components/Admin.vue

@@ -1,44 +1,44 @@
 <!--管理界面-->
 <template>
     <div class="containers">
-    <!--主页-->
-    <div
-            :style="{
-                position: 'relative',
-                left:windowJson[0] ? windowJson[0].Left*bigScale+'px' : '',
-                top:windowJson[0] ? windowJson[0].Top*bigScale+'px' : '',
-                width:windowJson[0] ? windowJson[0].Width*bigScale + 'px' : '',
-                height:windowJson[0] ? windowJson[0].Height*bigScale + 'px' : '',
-                zIndex:windowJson[0] ? windowJson[0].ZIndex : '',
-                display:windowJson[0] ? (windowJson[0].IsVisibility ? 'block' : 'none') : '',
-                backgroundRepeat:'no-repeat',
-                backgroundSize:'100% 100%',
-                backgroundColor:`#${windowJson[0] ? (windowJson[0].BrackgroupStr ? windowJson[0].BrackgroupStr.slice(3) : null) : ''}`,
-                margin:'0 auto'}"
-            ref="mainpage"
-    >
-        <!--按钮-->
-        <ButtonComponent />
+        <!--主页-->
+        <div
+                :style="{
+                    position: 'relative',
+                    left:windowJson[0] ? windowJson[0].Left*bigScale+'px' : '',
+                    top:windowJson[0] ? windowJson[0].Top*bigScale+'px' : '',
+                    width:windowJson[0] ? windowJson[0].Width*bigScale + 'px' : '',
+                    height:windowJson[0] ? windowJson[0].Height*bigScale + 'px' : '',
+                    zIndex:windowJson[0] ? windowJson[0].ZIndex : '',
+                    display:windowJson[0] ? (windowJson[0].IsVisibility ? 'block' : 'none') : '',
+                    backgroundRepeat:'no-repeat',
+                    backgroundSize:'100% 100%',
+                    backgroundColor:`#${windowJson[0] ? (windowJson[0].BrackgroupStr ? windowJson[0].BrackgroupStr.slice(3) : null) : ''}`,
+                    margin:'0 auto'}"
+                ref="mainpage"
+        >
+            <!--按钮-->
+            <ButtonComponent />
 
-        <!--大屏显示-->
-        <BigShowComponent />
+            <!--大屏显示-->
+            <BigShowComponent />
 
-        <!--label标签-->
-        <LabelComponent />
+            <!--label标签-->
+            <LabelComponent />
 
-        <!--图片-->
-        <ImageComponent />
+            <!--图片-->
+            <ImageComponent />
 
-        <!--信号源列表-->
-        <SignalListComponent />
+            <!--信号源列表-->
+            <SignalListComponent />
 
-        <!--滑块-->
-        <SliderComponent />
+            <!--滑块-->
+            <SliderComponent />
+        </div>
+        <!--最小化和关闭按钮-->
+        <div class="mini" @click="miniWindow">－</div>
+        <div class="close" @click="closeWindow">×</div>
     </div>
-    <!--最小化和关闭按钮-->
-    <div class="mini" @click="miniWindow">－</div>
-    <div class="close" @click="closeWindow">×</div>
-</div>
 </template>
 
 <script>

src/renderer/components/BigShow.vue

@@ -13,8 +13,7 @@
                     float:'left',
                     width:item.Width*bigScale + 'px',
                     height:item.Height*bigScale + 'px',
-                    position:'relative',
-                    left:item.Left+'px',
+                    left:item.Left*bigScale+'px',
                     top:item.Top*bigScale+'px',
                     zIndex:item.ZIndex,
                     display:item.IsVisibility ? 'black' : 'none',

src/renderer/components/Label.vue

@@ -5,7 +5,7 @@
         <label v-for="item in labelJson"
                :style="{
                  fontSize:item.FontSize*bigScale + 'px',
-                 position:'absolute',
+                 position:'fixed',
                  left:item.Left*bigScale+'px',
                  top:item.Top*bigScale+'px',
                  width:item.Width*bigScale + 'px',

src/renderer/components/SignalList.vue

@@ -3,6 +3,7 @@
 <template>
     <draggable
             :style="{
+                position:'absolute',
                 left:signalBorder[0] ? signalBorder[0].Left*bigScale+'px' : '',
                 top:signalBorder[0] ? signalBorder[0].Top*bigScale+'px' : '',
                 width:signalBorder[0] ? signalBorder[0].Width*bigScale + 'px' : '',
@@ -11,8 +12,6 @@
                 display:signalBorder[0] ? (signalBorder[0].IsVisibility ? 'block' : 'none') : '',
                 fontSize:signalBorder[0] ? signalBorder[0].FontSize*bigScale + 'px' : '',
                 color:`#${signalBorder[0] ? signalBorder[0].ForegroundStr.slice(3) : ''}`,
-                position:'absolute',
-                overflow:'auto',
             }"
             class="signal_body"
             element="div"