You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
<nz-layout>
|
|
|
|
<nz-header>
|
|
|
|
<div nz-row>
|
|
|
|
<!-- logo -->
|
|
|
|
<div class="logo" nz-col nzSpan="4">
|
|
|
|
<h2>普惠GO管理平台</h2>
|
|
|
|
</div>
|
|
|
|
<!-- logo -->
|
|
|
|
|
|
|
|
<!-- start 顶部菜单 start-->
|
|
|
|
<div class="menu" nz-col nzSpan="16">
|
|
|
|
<ul>
|
|
|
|
<li *ngFor="let item of menuData" [ngClass]="{'li-selected' : item.selected}" (click)="isSelected(item)">{{item.menuName}}</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<!-- end 顶部菜单 end -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</nz-header>
|
|
|
|
<nz-content class="inner-content">
|
|
|
|
|
|
|
|
<!-- start 左侧导航栏 start -->
|
|
|
|
<div [@openClose]="isCollapse ? 'open' : 'closed'" class="side_menu">
|
|
|
|
<div class="side_menu_top" (click)="isCollapse = false">
|
|
|
|
<div class="side_menu_top_icon">
|
|
|
|
<span nz-icon nzType="menu-fold" nzTheme="outline"></span>
|
|
|
|
</div>
|
|
|
|
<span style="font-size: 14px;">收起</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- start 菜单内容 end-->
|
|
|
|
<div class="side_menu_content">
|
|
|
|
<ul nz-menu nzMode="inline">
|
|
|
|
<li nz-submenu *ngFor="let item of leftMenuData" nzTitle="{{item.menuName}}" nzIcon="{{item.menuUrlImg}}" >
|
|
|
|
<ul>
|
|
|
|
<li nz-menu-group>
|
|
|
|
<ul>
|
|
|
|
<li nz-menu-item *ngFor="let childMenu of item['childMenuList']">{{childMenu['menuName']}}</li>
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<!-- start 菜单内容 end -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!-- end 左侧导航栏 end -->
|
|
|
|
|
|
|
|
<!-- 主体内容-->
|
|
|
|
<div class="content" [ngClass]="{'content-width' : isCollapse}">
|
|
|
|
<app-tab></app-tab>
|
|
|
|
</div>
|
|
|
|
</nz-content>
|
|
|
|
</nz-layout>
|
|
|
|
|