finish routes pages

src/app/app.html

@@ -1,52 +1,58 @@
 <nz-layout class="app-layout">
-  <nz-sider class="menu-sidebar"
+    <nz-sider class="menu-sidebar"
-    nzCollapsible
+              nzCollapsible
-    nzWidth="256px"
+              nzWidth="256px"
-    nzBreakpoint="md"
+              nzBreakpoint="md"
-    [(nzCollapsed)]="isCollapsed"
+              [(nzCollapsed)]="isCollapsed"
-    [nzTrigger]="null"
+              [nzTrigger]="null"
-  >
+    >
-    <div class="sidebar-logo">
+        <div class="sidebar-logo">
-      <a href="https://ng.ant.design/" target="_blank">
+            <a href="https://ng.ant.design/" target="_blank">
-        <img src="https://ng.ant.design/assets/img/logo.svg" alt="logo">
+                <img src="https://ng.ant.design/assets/img/logo.svg" alt="logo">
-        <h1>Ant Design of Angular</h1>
+                <h1>Ant Design of Angular</h1>
-      </a>
+            </a>
-    </div>
+        </div>
-    <ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed">
+        <ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed">
-      <li nz-submenu nzOpen nzTitle="Dashboard" nzIcon="dashboard">
+            <li nz-submenu nzOpen nzTitle="Dashboard" nzIcon="dashboard">
-        <ul>
+                <ul>
-          <li nz-menu-item nzMatchRouter>
+                    <li nz-menu-item nzMatchRouter>
-            <a routerLink="/welcome">Welcome</a>
+                        <a routerLink="/welcome">Welcome</a>
-          </li>
+                    </li>
-          <li nz-menu-item nzMatchRouter>
+                    <li nz-menu-item nzMatchRouter>
-            <a>Monitor</a>
+                        <a routerLink="/book">Book</a>
-          </li>
+                    </li>
-          <li nz-menu-item nzMatchRouter>
+                    <li nz-menu-item nzMatchRouter>
-            <a>Workplace</a>
+                        <a routerLink="/author">Author</a>
-          </li>
+                    </li>
+                    <li nz-menu-item nzMatchRouter>
+                        <a routerLink="/loan">Loan</a>
+                    </li>
+                    <li nz-menu-item nzMatchRouter>
+                        <a routerLink="/user">User</a>
+                    </li>
+                </ul>
+            </li>
+            <li nz-submenu nzOpen nzTitle="Form" nzIcon="form">
+                <ul>
+                    <li nz-menu-item nzMatchRouter>
+                        <a>Basic Form</a>
+                    </li>
+                </ul>
+            </li>
         </ul>
-      </li>
+    </nz-sider>
-      <li nz-submenu nzOpen nzTitle="Form" nzIcon="form">
+    <nz-layout>
-        <ul>
+        <nz-header>
-          <li nz-menu-item nzMatchRouter>
+            <div class="app-header">
-            <a>Basic Form</a>
-          </li>
-        </ul>
-      </li>
-    </ul>
-  </nz-sider>
-  <nz-layout>
-    <nz-header>
-      <div class="app-header">
         <span class="header-trigger" (click)="isCollapsed = !isCollapsed">
-          <nz-icon class="trigger" [nzType]="isCollapsed ? 'menu-unfold' : 'menu-fold'" />
+          <nz-icon class="trigger" [nzType]="isCollapsed ? 'menu-unfold' : 'menu-fold'"/>
         </span>
-      </div>
+            </div>
-    </nz-header>
+        </nz-header>
-    <nz-content>
+        <nz-content>
-      <div class="inner-content">
+            <div class="inner-content">
-        <router-outlet></router-outlet>
+                <router-outlet></router-outlet>
-      </div>
+            </div>
-    </nz-content>
+        </nz-content>
-  </nz-layout>
+    </nz-layout>
 </nz-layout>