finish routes pages
This commit is contained in:
100
src/app/app.html
100
src/app/app.html
@@ -1,52 +1,58 @@
|
||||
<nz-layout class="app-layout">
|
||||
<nz-sider class="menu-sidebar"
|
||||
nzCollapsible
|
||||
nzWidth="256px"
|
||||
nzBreakpoint="md"
|
||||
[(nzCollapsed)]="isCollapsed"
|
||||
[nzTrigger]="null"
|
||||
>
|
||||
<div class="sidebar-logo">
|
||||
<a href="https://ng.ant.design/" target="_blank">
|
||||
<img src="https://ng.ant.design/assets/img/logo.svg" alt="logo">
|
||||
<h1>Ant Design of Angular</h1>
|
||||
</a>
|
||||
</div>
|
||||
<ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed">
|
||||
<li nz-submenu nzOpen nzTitle="Dashboard" nzIcon="dashboard">
|
||||
<ul>
|
||||
<li nz-menu-item nzMatchRouter>
|
||||
<a routerLink="/welcome">Welcome</a>
|
||||
</li>
|
||||
<li nz-menu-item nzMatchRouter>
|
||||
<a>Monitor</a>
|
||||
</li>
|
||||
<li nz-menu-item nzMatchRouter>
|
||||
<a>Workplace</a>
|
||||
</li>
|
||||
<nz-sider class="menu-sidebar"
|
||||
nzCollapsible
|
||||
nzWidth="256px"
|
||||
nzBreakpoint="md"
|
||||
[(nzCollapsed)]="isCollapsed"
|
||||
[nzTrigger]="null"
|
||||
>
|
||||
<div class="sidebar-logo">
|
||||
<a href="https://ng.ant.design/" target="_blank">
|
||||
<img src="https://ng.ant.design/assets/img/logo.svg" alt="logo">
|
||||
<h1>Ant Design of Angular</h1>
|
||||
</a>
|
||||
</div>
|
||||
<ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed">
|
||||
<li nz-submenu nzOpen nzTitle="Dashboard" nzIcon="dashboard">
|
||||
<ul>
|
||||
<li nz-menu-item nzMatchRouter>
|
||||
<a routerLink="/welcome">Welcome</a>
|
||||
</li>
|
||||
<li nz-menu-item nzMatchRouter>
|
||||
<a routerLink="/book">Book</a>
|
||||
</li>
|
||||
<li nz-menu-item nzMatchRouter>
|
||||
<a routerLink="/author">Author</a>
|
||||
</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>
|
||||
<li nz-submenu nzOpen nzTitle="Form" nzIcon="form">
|
||||
<ul>
|
||||
<li nz-menu-item nzMatchRouter>
|
||||
<a>Basic Form</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nz-sider>
|
||||
<nz-layout>
|
||||
<nz-header>
|
||||
<div class="app-header">
|
||||
</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>
|
||||
</nz-header>
|
||||
<nz-content>
|
||||
<div class="inner-content">
|
||||
<router-outlet></router-outlet>
|
||||
</div>
|
||||
</nz-content>
|
||||
</nz-layout>
|
||||
</div>
|
||||
</nz-header>
|
||||
<nz-content>
|
||||
<div class="inner-content">
|
||||
<router-outlet></router-outlet>
|
||||
</div>
|
||||
</nz-content>
|
||||
</nz-layout>
|
||||
</nz-layout>
|
||||
|
||||
Reference in New Issue
Block a user