Browse Source

样式调整

yangjunjing 5 years ago
parent
commit
484f1e88be
1 changed files with 17 additions and 21 deletions
  1. 17 21
      src/views/screen/splitscreen/spaceledger/index.vue

+ 17 - 21
src/views/screen/splitscreen/spaceledger/index.vue

@@ -1,11 +1,8 @@
 
 <template>
   <div class="box">
-    <el-container>
+    <el-container style="height:100%">
       <el-header>
-        <div class="boxName">
-          第二屏详情
-        </div>
         <div class="spaceName">
           <b>空间名称:</b>{{spaceDetails.RoomLocalName?spaceDetails.RoomLocalName:"-"}}
         </div>
@@ -297,15 +294,17 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.box.screen-router{
-  padding: 0;
-}
-#screenBox .screen-router[data-v-6c06ede0] {
+.box.screen-router {
   padding: 0;
+  section {
+    .el-container {
+      padding: 0;
+    }
+  }
 }
 .el-header {
   padding: 0;
-  height: 80px !important;
+  height: 30px !important;
   .boxName {
     color: #fff;
     font-size: 16px;
@@ -317,7 +316,6 @@ export default {
   .spaceName {
     font-size: 14px;
     line-height: 30px;
-    margin: 0 10px;
     border-bottom: 1px solid #e4e7ed;
     box-sizing: border-box;
   }
@@ -325,10 +323,10 @@ export default {
 .el-aside {
   color: #333;
   border: 1px solid #e4e7ed;
-  margin: 10px 0 0 10px;
+  margin-top: 10px;
   padding: 10px;
   box-sizing: border-box;
-  height: calc(100% - 20px);
+  height: calc(100% - 10px);
   overflow: hidden;
   .el-scrollbar {
     height: 100%;
@@ -376,12 +374,11 @@ export default {
 .el-main {
   color: #333;
   text-align: center;
-  margin: -10px;
-  padding-bottom: 0;
   overflow: hidden;
-  width: 100%
+  width: 100%;
+  padding: 10px 0 0 10px;
 }
-.el-tabs.el-tabs--card.el-tabs--top{
+.el-tabs.el-tabs--card.el-tabs--top {
   height: 100% !important;
   width: 100%;
 }
@@ -398,14 +395,13 @@ export default {
     height: 100% !important;
   }
 }
-#pane-dynamicData{
+#pane-dynamicData {
   height: calc(100% - 10px);
 }
-.el-tab-pane{
+.el-tab-pane {
   height: 100%;
 }
 #pane-staticData {
-  height: 750px;
   div {
     height: 100%;
   }
@@ -423,7 +419,7 @@ export default {
   overflow-x: hidden !important;
   overflow-y: auto !important;
 }
-.el-tabs__content{
-  height: calc(100% - 47px) !important;
+.el-tabs__content {
+  height: calc(100% - 50px) !important;
 }
 </style>