<header>
    <a href="/">
        <div>
            <img src="https://56462271.oss-cn-beijing.aliyuncs.com/web/logo.png"/>
        </div>
    </a>
    <div>
        <a routerLink="/" id="blogTitle"><span>小海博客</span></a>
        <span id="desc">记录学习成长历程</span>
    </div>


    <div id="loged" *ngIf="user" (click)="infoClickedEvent()">
        <nz-avatar [nzSrc]="user.avatarImgUrl"></nz-avatar>
        <span>{{user.displayName}}</span>
    </div>


    <div id="landr" *ngIf="!user">
        <nz-space>
            <nz-space-item>
                <a routerLink="/user/login">
                    <button nz-button nzType="primary">登录</button>
                </a>
            </nz-space-item>
            <nz-space-item>
                <a routerLink="/user/registration">
                    <button nz-button nzType="primary">注册</button>
                </a>
            </nz-space-item>
        </nz-space>
    </div>

</header>
