bixi/packages/core/layout/header/header.component.html

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

<div class="bixi-layout-header-logo" [routerLink]="['/']">
  <img [src]="logoSmall" *ngIf="!open; else elseTemplate" [class]="logoClass">
  <ng-template #elseTemplate>
    <img [src]="logoLarge" [class]="logoClass" />
  </ng-template>
</div>
<div class="bixi-layout-nav">
  <div class="bixi-layout-header-info">
    <ng-container *ngIf="breadcrumbs; else headerInfoElse">
      <ng-container *nzBixiTemplateOutlet="breadcrumbs">{{ breadcrumbs }}</ng-container>
    </ng-container>
  </div>
  <ng-template #headerInfoElse>
    <div class="router-area">
      <ng-container *ngFor="let item of breads;index as i;">
        <span class="bread-link">
          <a *ngIf="(item.link || item.path) && i !==  breads.length - 1; else spanShow"
            [routerLink]="(item.link || item.path)">{{item.name}}</a>
        </span>
        <ng-template #spanShow> <span class="bread-link">{{item.name}}</span></ng-template>
        <span class="icon-separate" *ngIf="i < breads.length - 1">
          /
        </span>
      </ng-container>
    </div>
  </ng-template>
  <div class="bixi-layout-header-tools">
    <ng-container *nzBixiTemplateOutlet="tools">{{ tools }}</ng-container>
  </div>
</div>