49 lines
2.2 KiB
HTML
49 lines
2.2 KiB
HTML
<div class="main">
|
|
<nz-card style="margin-top: 20px; min-height: 780px;">
|
|
<h3 style="font-size: 20px; font-weight: 700;">个人中心</h3>
|
|
<nz-list style="border-bottom: 1px solid #f0f0f0">
|
|
<nz-list-item>
|
|
<nz-list-item-meta>
|
|
<nz-list-item-meta-title>
|
|
<div nz-row [nzGutter]="16">
|
|
<div nz-col [nzSpan]="4" class="li-label">
|
|
<span class="icon iconfont icon-shoujihao" style="color: #aaa"></span> 手机号码/账号
|
|
</div>
|
|
<div nz-col [nzSpan]="10">{{ infoData.phone }}</div>
|
|
<div nz-col [nzSpan]="10">
|
|
<span *ngIf="infoData.phone; else elsePhone"><i nz-icon [nzType]="'check-circle'" [nzTheme]="'fill'"
|
|
style="color: #52c41a"></i> 已绑定</span>
|
|
<ng-template #elsePhone><i nz-icon [nzType]="'question-circle'" [nzTheme]="'fill'"
|
|
style="color: #ccc"></i> 未绑定</ng-template>
|
|
</div>
|
|
</div>
|
|
</nz-list-item-meta-title>
|
|
</nz-list-item-meta>
|
|
<div class="item-btn"><a (click)="edit('phone')">修改</a></div>
|
|
</nz-list-item>
|
|
<nz-list-item>
|
|
<nz-list-item-meta>
|
|
<nz-list-item-meta-title>
|
|
<div nz-row [nzGutter]="16">
|
|
<div nz-col [nzSpan]="4" class="li-label">
|
|
<span class="icon iconfont icon-mima" style="color: #aaa"></span> 账户密码
|
|
</div>
|
|
<div nz-col [nzSpan]="10">定期更换密码有助于账号安全</div>
|
|
<div nz-col [nzSpan]="10">
|
|
<span *ngIf="infoData.isPwd; else elsePwd"
|
|
><i nz-icon [nzType]="'check-circle'" [nzTheme]="'fill'" style="color: #52c41a"></i> 已设置</span
|
|
>
|
|
<ng-template #elsePwd
|
|
><i nz-icon [nzType]="'question-circle'" [nzTheme]="'fill'" style="color: #ccc"></i> 未设置</ng-template
|
|
>
|
|
</div>
|
|
</div>
|
|
</nz-list-item-meta-title>
|
|
</nz-list-item-meta>
|
|
<div class="item-btn"><a (click)="edit('password')">修改</a></div>
|
|
</nz-list-item>
|
|
</nz-list>
|
|
|
|
</nz-card>
|
|
</div>
|