7fdad9b3 by 杨威

首页样式调整,左侧树结构收起的样式修改

1 parent 344b9c49
...@@ -49,6 +49,7 @@ ...@@ -49,6 +49,7 @@
49 </el-main> 49 </el-main>
50 </el-container> 50 </el-container>
51 </el-container> 51 </el-container>
52 <div class="treeModule-show " :class="{ 'dn': !isActive }"></div>
52 </div> 53 </div>
53 </template> 54 </template>
54 <script> 55 <script>
...@@ -410,6 +411,7 @@ export default { ...@@ -410,6 +411,7 @@ export default {
410 .home-box { 411 .home-box {
411 width: 100%; 412 width: 100%;
412 height: 100vh; 413 height: 100vh;
414 position: relative;
413 .calcWidth{ 415 .calcWidth{
414 width: calc(100% - 300px); 416 width: calc(100% - 300px);
415 } 417 }
...@@ -441,15 +443,6 @@ export default { ...@@ -441,15 +443,6 @@ export default {
441 color: #000; 443 color: #000;
442 } 444 }
443 } 445 }
444 .top-items:not(:last-child)::after {
445 // content: "";
446 // width: 1px;
447 // height: 14px;
448 // background: #eaeaea;
449 // position: absolute;
450 // right: -1px;
451 // top: 24px;
452 }
453 .top-items.is-active { 446 .top-items.is-active {
454 color: #006cff; 447 color: #006cff;
455 border-left: 1px solid #EAEAEA; 448 border-left: 1px solid #EAEAEA;
...@@ -526,5 +519,17 @@ export default { ...@@ -526,5 +519,17 @@ export default {
526 // line-height: 160px; 519 // line-height: 160px;
527 padding: 0; 520 padding: 0;
528 } 521 }
522
523 .treeModule-show{
524 width: 64px;
525 height: calc(100% - 120px);
526 position: absolute;
527 top: 120px;
528 left: 0;
529 z-index: 1;
530 pointer-events: none;
531 -webkit-box-shadow: inset -14px 0px 16px red;
532 box-shadow: inset -23px 0px 16px #1d50dd;
533 }
529 } 534 }
530 </style> 535 </style>
......
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
42 </el-card> 42 </el-card>
43 </div> 43 </div>
44 <div class="notice" ref="notice"> 44 <div class="notice" ref="notice">
45 <el-card> 45 <el-card class="news">
46 <div slot="header" class="clearfix"> 46 <div slot="header" class="clearfix">
47 <span>通知公告</span> 47 <span>通知公告</span>
48 <span class="edit">查看全部 <i class="fa fa-angle-right " aria-hidden="true"></i></span> 48 <span class="edit">查看全部 <i class="fa fa-angle-right " aria-hidden="true"></i></span>
......