Browse Source

样式调整

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

+ 13 - 17
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>
@@ -39,7 +36,7 @@
                 <img :src="`/image-service/common/image_get?systemId=dataPlatform&key=${item.key}`" alt="空间图片">
               </div>
             </div>
-            <!-- <div class="space-img" v-if="!spaceDetails.Pic">
+            <div class="space-img" v-if="!spaceDetails.Pic">
               <div class="img-box">
                 <img src="https://hbimg.huabanimg.com/2787ad434fc2bc819a5d7deda3855d897a99d528ab4a-e3HRgR_fw658" alt="空间图片">
               </div>
@@ -52,7 +49,7 @@
               <div class="img-box">
                 <img src="https://hbimg.huabanimg.com/2ea712954c75ff1b1e13329e7e4209f0691b88945c73-JCmkXX_fw658" alt="空间图片">
               </div>
-            </div> -->
+            </div>
           </el-scrollbar>
         </el-aside>
         <el-main style="height:100%">
@@ -299,13 +296,15 @@ export default {
 <style lang="less" scoped>
 .box.screen-router{
   padding: 0;
-}
-#screenBox .screen-router[data-v-6c06ede0] {
-  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,10 +374,9 @@ export default {
 .el-main {
   color: #333;
   text-align: center;
-  margin: -10px;
-  padding-bottom: 0;
   overflow: hidden;
   width: 100%;
+  padding: 10px 0 0 10px;
 }
 .el-tabs.el-tabs--card.el-tabs--top {
   height: 100% !important;
@@ -405,7 +402,6 @@ export default {
   height: 100%;
 }
 #pane-staticData {
-  height: 750px;
   div {
     height: 100%;
   }
@@ -424,6 +420,6 @@ export default {
   overflow-y: auto !important;
 }
 .el-tabs__content {
-  height: calc(100% - 47px) !important;
+  height: calc(100% - 50px) !important;
 }
 </style>