首页样式调整,左侧树结构收起的样式修改
Showing
2 changed files
with
15 additions
and
10 deletions
... | @@ -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> | ... | ... |
-
Please register or sign in to post a comment