布局样式

src/components/Viewer/smViewer.scss

@@ -6,10 +6,11 @@
     // overflow: hidden;
 
     // 新驾驶舱布局
-    width: 39%;
-    height: 50%;
+
+    width: 41%;
+    height: 59%;
     position: absolute;
-    left: 30%;
+    left: 29.3%;
     top: 9%;
 
 }

src/views/cockpitNew/gdbh.vue

@@ -37,9 +37,8 @@ export default {
     border-width: 0px;
     position: absolute;
     left: 1366px;
-    top: 118px;
-    width: 535px;
-    height: 280px;
+    top: 20px;
+    display: -ms-flexbox;
     display: flex;
 }
 
@@ -58,11 +57,12 @@ export default {
     left: 0px;
     top: 0px;
     width: 535px;
-    height: 280px;
+    height: 260px;
     background: inherit;
     background-color: rgba(3, 25, 67, 0.698039215686274);
     border: none;
     border-radius: 0px;
+    -webkit-box-shadow: none;
     box-shadow: none;
 }
 </style>

src/views/cockpitNew/hysy.vue

@@ -37,9 +37,9 @@ export default {
     border-width: 0px;
     position: absolute;
     left: 9px;
-    top: 66%;
-    width: 534px;
-    height: 316px;
+    top: 68%;
+    /* width: 534px;
+    height: 316px; */
     display: flex;
 }
 
@@ -49,7 +49,7 @@ export default {
     left: 0px;
     top: 0px;
     width: 534px;
-    height: 316px;
+    height: 260px;
     background: inherit;
     background-color: rgba(3, 25, 67, 0.698039215686274);
     border: none;

src/views/cockpitNew/jsyd.vue

@@ -35,9 +35,9 @@ export default {
   border-width: 0px;
   position: absolute;
   left: 9px;
-  top: 3%;
+  top: 20px;
   width: 535px;
-  height: 280px;
+  height: 260px;
   background: inherit;
   background-color: rgba(3, 25, 67, 0.698039215686274);
   border: none;

src/views/cockpitNew/stxf.vue

@@ -37,9 +37,7 @@ export default {
     border-width: 0px;
     position: absolute;
     left: 1366px;
-    top: 411px;
-    width: 535px;
-    height: 331px;
+    top: 35%;
     display: flex;
 }
 
@@ -58,7 +56,7 @@ export default {
     left: 0px;
     top: 0px;
     width: 535px;
-    height: 280px;
+    height: 260px;
     background: inherit;
     background-color: rgba(3, 25, 67, 0.698039215686274);
     border: none;

src/views/cockpitNew/tdsc.vue

@@ -35,12 +35,10 @@ export default {
     border-width: 0px;
     position: absolute;
     left: 9px;
-    top: 38%;
+    top: 35%;
     width: 534px;
-    height: 327px;
+    height: 260px;
     border-width: 0px;
-    width: 534px;
-    height: 327px;
     background: inherit;
     background-color: rgba(3, 25, 67, 0.698039215686274);
     border: none;

src/views/cockpitNew/tdsy.vue

@@ -35,9 +35,7 @@ export default {
     border-width: 0px;
     position: absolute;
     left: 555px;
-    top: 753px;
-    width: 800px;
-    height: 313px;
+    top: 68%;
     display: flex;
 }
 
@@ -47,7 +45,7 @@ export default {
     left: 0px;
     top: 0px;
     width: 800px;
-    height: 313px;
+    height: 260px;
     background: inherit;
     background-color: rgba(3, 25, 67, 0.698039215686274);
     border: none;

src/views/cockpitNew/wpjg.vue

@@ -34,12 +34,12 @@ export default {
 </script>
 <style  scoped>
 .wpjg {
+  
     border-width: 0px;
     position: absolute;
     left: 1366px;
-    top: 751px;
-    width: 535px;
-    height: 316px;
+    top: 68%;
+    display: -ms-flexbox;
     display: flex;
 }
 
@@ -58,7 +58,7 @@ export default {
     left: 0px;
     top: 0px;
     width: 535px;
-    height: 280px;
+    height: 260px;
     background: inherit;
     background-color: rgba(3, 25, 67, 0.698039215686274);
     border: none;

src/views/viewer.vue

@@ -6,6 +6,7 @@
         <TDSY/>
         <GDBH/>
         <STXF/>
+        <WPJG/>
     </div>
 </template>
 
@@ -19,9 +20,10 @@ import HYSY from './cockpitNew/hysy';
 import TDSY from './cockpitNew/tdsy';
 import GDBH from './cockpitNew/gdbh';
 import STXF from './cockpitNew/stxf';
+import WPJG from './cockpitNew/wpjg';
 
 export default {
-    components: {JSYD ,TDSC,HYSY,TDSY ,GDBH,STXF},
+    components: {JSYD ,TDSC,HYSY,TDSY ,GDBH,STXF,WPJG},
     data() {
         return {};
     },