bixi/src/app/shared/components/main-menu/main-menu.component.html

企业级中后台前端解决方案

<ng-template #menuCon>
  <div class="main-menu-wrap">
    <ul nz-menu [nzMode]="'inline'">
      <li nz-submenu nzOpen *ngFor="let group of meta.menus">
        <span title>{{ group.title }}</span>
        <ul>
          <li nz-menu-item *ngFor="let item of group.list" (click)="to(item.url)"
            [routerLink]="item.url" [routerLinkActive]="['ant-menu-item-selected']"
            style="padding-left: 54px;">
            <nz-badge [nzDot]="item.hot">
              {{ item.title }}
              <span class="chinese">{{ item.subtitle }}</span>
              <nz-tag *ngIf="item.lib" [nzColor]="'blue'" title="Full Library" class="ml-sm">库
              </nz-tag>
            </nz-badge>
          </li>
        </ul>
      </li>
    </ul>
  </div>
</ng-template>
<ng-container *ngIf="!isMobile; else menuCon">
  <nz-affix [nzOffsetTop]="0">
    <ng-template [ngTemplateOutlet]="menuCon"></ng-template>
  </nz-affix>
</ng-container>