路由复用优化

src/app/pages/pages.component.html

@@ -13,14 +13,14 @@
                 <ul class="navbar-nav ml-auto mr-4">
                     <li class="nav-item mr-3">
                         <a class="nav-link">
-                            <label>用户：</label>
-                            <span>admin</span>
+                            <label>用户名：</label>
+                            <span>{{user_name}}</span>
                         </a>
                     </li>
                     <li class="nav-item mr-3">
                         <a class="nav-link">
-                            <label>角色：</label>
-                            <span>系统管理员</span>
+                            <label>用户：</label>
+                            <span>{{role_type}}</span>
                         </a>
                     </li>
                     <!-- <li class="nav-item dropdown mr-2">
@@ -84,7 +84,9 @@
         </div>
         <div class="right-wrapper" [ngClass]="{'right-wrapper-c': menuClose,'right-wrapper-o': !menuClose}">
             <router-outlet></router-outlet>
-            <div *ngIf="isSpinning" class="page-loading"></div>
+            <div *ngIf="isSpinning" class="page-loading">
+                <i nz-icon [type]="'loading'"></i>
+            </div>
         </div>
     </div>
 </div>