<div class="_nc-head-nav">
  <div class="_nc-head-nav-group">
    <a class="_nc-head-logo" [routerLink]="[ '/' ]">
      <img src="/assets/images/logo-full-light.png">
    </a>
  </div>
  <div class="_nc-head-nav-group">
    <div class="_nc-head-nav-item" [class._nav-item-active]="_userDropdownVisible"
      nz-dropdown
      [(nzVisible)]="_userDropdownVisible"
      [nzDropdownMenu]="menu">
      <nz-avatar
        [nzSize]="24"
        [nzIcon]="'user'"
        [nzText]="ncSrv.passport?.username?.slice(0, 1)"
        [nzSrc]="ncSrv.passport?.avatar">
      </nz-avatar>
      <span>{{ ncSrv.passport?.username }}</span>
    </div>
    <nz-dropdown-menu #menu="nzDropdownMenu">
      <ul nz-menu>
        <li nz-menu-item [routerLink]="[ '/account' ]">
          <i nz-icon [nzType]="'user'"></i>
          <span>个人中心</span>
        </li>
        <li nz-menu-divider></li>
        <li nz-menu-item (click)="ncSrv.logout()">
          <i nz-icon [nzType]="'logout'"></i>
          <span>退出登录</span>
        </li>
      </ul>
    </nz-dropdown-menu>
  </div>
</div>