50 lines
1.8 KiB
HTML
50 lines
1.8 KiB
HTML
<nz-layout>
|
|
<nz-sider nzTheme="dark" nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="null">
|
|
<div class="logo">
|
|
|
|
<h1><nz-icon>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
|
<!-- 服务器主体 -->
|
|
<rect x="20" y="20" width="60" height="60" fill="#4CAF50" stroke="#2E7D32" stroke-width="2"/>
|
|
<!-- 服务器前面的插槽 -->
|
|
<rect x="30" y="30" width="40" height="10" fill="#81C784"/>
|
|
<rect x="30" y="45" width="40" height="10" fill="#81C784"/>
|
|
<rect x="30" y="60" width="40" height="10" fill="#81C784"/>
|
|
<!-- 服务器指示灯 -->
|
|
<circle cx="75" cy="75" r="5" fill="#FFEB3B"/>
|
|
</svg>
|
|
|
|
</nz-icon> GoHttpd</h1>
|
|
</div>
|
|
<ul nz-menu nzTheme="dark" nzMode="inline">
|
|
<li nz-menu-item>
|
|
<nz-icon nzType="dashboard" nzTheme="outline" />
|
|
<span>{{ 'MenuStatus' | resource }}</span>
|
|
</li>
|
|
<li nz-menu-item >
|
|
<nz-icon nzType="setting" nzTheme="outline" />
|
|
<span>{{ 'MenuSetting' | resource }}</span>
|
|
</li>
|
|
</ul>
|
|
</nz-sider>
|
|
<nz-layout>
|
|
<nz-header>
|
|
<span
|
|
class="trigger"
|
|
nz-icon
|
|
[nzType]="isCollapsed ? 'menu-unfold' : 'menu-fold'"
|
|
(click)="isCollapsed = !isCollapsed"
|
|
></span>
|
|
</nz-header>
|
|
<nz-content>
|
|
<nz-breadcrumb>
|
|
<nz-breadcrumb-item>User</nz-breadcrumb-item>
|
|
<nz-breadcrumb-item>Bill</nz-breadcrumb-item>
|
|
</nz-breadcrumb>
|
|
<div class="inner-content">Bill is a cat.</div>
|
|
</nz-content>
|
|
<nz-footer>GoHttpd Free</nz-footer>
|
|
</nz-layout>
|
|
</nz-layout>
|
|
|