分屏样式调整

src/components/sceneAtttribute/splitScreen/rollerScreen.vue

@@ -1,6 +1,6 @@
 
 <template>
-  <div id="screenDiv" style="position: absolute; height: 100%; width: 100%">
+  <div id="screenDiv">
     <div
       v-for="(k, i) in layers"
       :key="i"
@@ -138,6 +138,12 @@ export default {
 };
 </script>
 <style lang="scss" >
+#screenDiv {
+  position: absolute;
+  top: 60px;
+  height: calc(100% - 60px);
+  width: 100%;
+}
 .splitScreen {
   float: left;
   height: 100%;
@@ -146,7 +152,7 @@ export default {
 
   .sm-btn {
     position: absolute;
-    top: 60px;
+    top: 10px !important;
     left: 20px;
     background-color: transparent;
     // font-size: 30px;
@@ -157,7 +163,7 @@ export default {
   }
   .sm-btn1 {
     position: absolute;
-    top: 100px;
+    top: 40px;
     right: 20px;
     background-color: transparent;
     font-size: 30px;

src/components/sceneAtttribute/splitScreen/splitScreen.vue

@@ -1,6 +1,6 @@
 
 <template>
-  <div id="screenDiv" style="position: absolute; height: 100%; width: 100%">
+  <div id="screenDiv">
     <div
       v-for="(k, i) in layers"
       :key="i"
@@ -148,6 +148,12 @@ export default {
 };
 </script>
 <style lang="scss" >
+#screenDiv {
+  position: absolute;
+  top: 60px;
+  height: calc(100% - 60px);
+  width: 100%;
+}
 .splitScreen {
   float: left;
   height: 100%;