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.
hai-oil-web/src/app/pages/body/index/index.component.html

57 lines
1.6 KiB

11 months ago
<nz-layout>
<nz-header>
<div nz-row>
11 months ago
<!-- logo -->
11 months ago
<div class="logo" nz-col nzSpan="4">
<h2>普惠GO管理平台</h2>
</div>
11 months ago
<!-- logo -->
<!-- start 顶部菜单 start-->
11 months ago
<div class="menu" nz-col nzSpan="16">
<ul>
11 months ago
<li *ngFor="let item of menuData" [ngClass]="{'li-selected' : item.selected}" (click)="isSelected(item)">{{item.menuName}}</li>
11 months ago
</ul>
</div>
11 months ago
<!-- end 顶部菜单 end -->
11 months ago
</div>
</nz-header>
<nz-content class="inner-content">
11 months ago
<!-- start 左侧导航栏 start -->
11 months ago
<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>
11 months ago
<!-- start 菜单内容 end-->
11 months ago
<div class="side_menu_content">
<ul nz-menu nzMode="inline">
11 months ago
<li nz-submenu *ngFor="let item of leftMenuData" nzTitle="{{item.menuName}}" nzIcon="{{item.menuUrlImg}}" >
11 months ago
<ul>
11 months ago
<li nz-menu-group>
11 months ago
<ul>
11 months ago
<li nz-menu-item *ngFor="let childMenu of item['childMenuList']">{{childMenu['menuName']}}</li>
11 months ago
</ul>
</li>
</ul>
</li>
</ul>
</div>
11 months ago
<!-- start 菜单内容 end -->
11 months ago
</div>
11 months ago
<!-- end 左侧导航栏 end -->
<!-- 主体内容-->
11 months ago
<div class="content" [ngClass]="{'content-width' : isCollapse}">
<app-tab></app-tab>
</div>
</nz-content>
</nz-layout>