左侧树结构收缩样式修改
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