feat(side): collapse #114

src/view/index/side/index.component.html

@@ -20,6 +20,14 @@
               (click)="handleSidebarNav(pageIdx, idIdx)" 
             >
               {{ el.title }}
+
+              <i
+                class="iconfont iconweibiaoti25 collapse"
+                *ngIf="page === pageIdx && id === idIdx"
+                [class.active]="collapsed()"
+                (click)="onCollapseAll()"
+              >
+              </i>
             </li>
           </ul>
         </li>

src/view/index/side/index.component.scss

@@ -34,6 +34,16 @@ $sideWidth: 200px;
     flex: 1;
     transition: .1s linear;
   }
+
+  .collapse {
+    position: absolute;
+    right: 15px;
+    transform: rotate(-270deg);
+  
+    &.active {
+      transform: rotate(-360deg);
+    }
+  }
 }
 
 .logo {