左侧树结构收缩样式修改
Showing
1 changed file
with
8 additions
and
2 deletions
... | @@ -49,7 +49,7 @@ | ... | @@ -49,7 +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 class="treeModule-show" :class="{ 'w0': isActive }"></div> |
53 | </div> | 53 | </div> |
54 | </template> | 54 | </template> |
55 | <script> | 55 | <script> |
... | @@ -521,7 +521,7 @@ export default { | ... | @@ -521,7 +521,7 @@ export default { |
521 | } | 521 | } |
522 | 522 | ||
523 | .treeModule-show{ | 523 | .treeModule-show{ |
524 | width: 64px; | 524 | width: 290px; |
525 | height: calc(100% - 120px); | 525 | height: calc(100% - 120px); |
526 | position: absolute; | 526 | position: absolute; |
527 | top: 120px; | 527 | top: 120px; |
... | @@ -530,6 +530,12 @@ export default { | ... | @@ -530,6 +530,12 @@ export default { |
530 | pointer-events: none; | 530 | pointer-events: none; |
531 | -webkit-box-shadow: inset -14px 0px 16px red; | 531 | -webkit-box-shadow: inset -14px 0px 16px red; |
532 | box-shadow: inset -23px 0px 16px #1d50dd; | 532 | box-shadow: inset -23px 0px 16px #1d50dd; |
533 | transition: 0.3s; | ||
534 | display: none; | ||
535 | } | ||
536 | .w0{ | ||
537 | display: block; | ||
538 | width: 64px; | ||
533 | } | 539 | } |
534 | } | 540 | } |
535 | </style> | 541 | </style> | ... | ... |
-
Please register or sign in to post a comment