<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>

