<div nz-dropdown [nzDropdownMenu]="userMenu" nzPlacement="bottomRight" class="alain-pro__header-item">
  <nz-avatar [nzSrc]="settings.user.avatar" nzSize="small" class="mr-sm"></nz-avatar>
  {{ settings.user.name }}
</div>
<nz-dropdown-menu #userMenu="nzDropdownMenu">
  <div nz-menu class="width-sm">
    <div nz-menu-item routerLink="/account/center">
      <i nz-icon nzType="user" class="mr-sm"></i>
      个人中心
    </div>
    <div nz-menu-item routerLink="/pro/account/settings">
      <i nz-icon nzType="setting" class="mr-sm"></i>
      个人设置
    </div>
    <div nz-menu-item routerLink="/exception/trigger">
      <i nz-icon nzType="close-circle" class="mr-sm"></i>
      触发错误
    </div>
    <li nz-menu-divider></li>
    <div nz-menu-item (click)="logout()">
      <i nz-icon nzType="logout" class="mr-sm"></i>
      退出登录
    </div>
  </div>
</nz-dropdown-menu>