63 lines
2.1 KiB
HTML
63 lines
2.1 KiB
HTML
<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>My Library</h1>
|
|
</a>
|
|
</div>
|
|
<ul nz-menu nzTheme="dark" nzMode="inline" [nzInlineCollapsed]="isCollapsed" class="text-xl" >
|
|
<li nz-menu-item nzMatchRouter>
|
|
<a routerLink="/welcome">
|
|
<nz-icon nzType="home"></nz-icon>
|
|
<span>Welcome</span>
|
|
</a>
|
|
</li>
|
|
<li nz-menu-item nzMatchRouter>
|
|
<a routerLink="/book">
|
|
<nz-icon nzType="book"></nz-icon>
|
|
<span>Book</span>
|
|
</a>
|
|
</li>
|
|
<li nz-menu-item nzMatchRouter>
|
|
<a routerLink="/author">
|
|
<nz-icon nzType="user"></nz-icon>
|
|
<span>Author</span>
|
|
</a>
|
|
</li>
|
|
<li nz-menu-item nzMatchRouter>
|
|
<a routerLink="/loan">
|
|
<nz-icon nzType="file-done"></nz-icon>
|
|
<span>Loan</span>
|
|
</a>
|
|
</li>
|
|
<li nz-menu-item nzMatchRouter>
|
|
<a routerLink="/user">
|
|
<nz-icon nzType="team"></nz-icon>
|
|
<span>User</span>
|
|
</a>
|
|
</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'"/>
|
|
</span>
|
|
</div>
|
|
</nz-header>
|
|
<nz-content>
|
|
<div class="inner-content">
|
|
<router-outlet></router-outlet>
|
|
</div>
|
|
</nz-content>
|
|
</nz-layout>
|
|
</nz-layout>
|