033bf6fe by 杨威

左侧树结构收缩样式修改

1 parent d8068b07
...@@ -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>
......