From 12b04f145bae740e1971036b1e2dfc1bc224d17b Mon Sep 17 00:00:00 2001 From: fengxiang <110431245@qq.com> Date: Wed, 11 Jul 2018 14:38:47 +0800 Subject: [PATCH] Revert "框架调整" --- src/app/routes/passport/register/register.component.html | 85 ++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 85 insertions(+), 0 deletions(-) diff --git a/src/app/routes/passport/register/register.component.html b/src/app/routes/passport/register/register.component.html new file mode 100644 index 0000000..5d31b5c --- /dev/null +++ b/src/app/routes/passport/register/register.component.html @@ -0,0 +1,85 @@ +<h3>������</h3> +<form nz-form [formGroup]="form" (ngSubmit)="submit()" role="form"> + <nz-alert *ngIf="error" [nzType]="'error'" [nzMessage]="error" [nzShowIcon]="true" class="mb-lg"></nz-alert> + <nz-form-item> + <nz-form-control> + <nz-input-group nzSize="large" nzAddonBeforeIcon="anticon anticon-user"> + <input nz-input formControlName="mail" placeholder="������"> + </nz-input-group> + <ng-container *ngIf="mail.dirty && mail.errors"> + <nz-form-explain *ngIf="mail.errors?.required">������������������������</nz-form-explain> + <nz-form-explain *ngIf="mail.errors?.email">���������������������������</nz-form-explain> + </ng-container> + </nz-form-control> + </nz-form-item> + <nz-form-item> + <nz-form-control> + <nz-popover [nzPlacement]="'right'" [nzTrigger]="'focus'" [(nzVisible)]="visible" nzOverlayClassName="register-password-cdk" + [nzOverlayStyle]="{'width.px': 240}"> + <nz-input-group nzSize="large" nz-popover nzAddonBeforeIcon="anticon anticon-lock"> + <input nz-input type="password" formControlName="password" placeholder="������6���������������������������"> + </nz-input-group> + <nz-form-explain *ngIf="password.dirty && password.errors">������������������</nz-form-explain> + <ng-template #nzTemplate> + <div style="padding: 4px 0;"> + <ng-container [ngSwitch]="status"> + <div *ngSwitchCase="'ok'" class="success">������������</div> + <div *ngSwitchCase="'pass'" class="warning">������������</div> + <div *ngSwitchDefault class="error">���������������</div> + </ng-container> + <div class="progress-{{status}}"> + <nz-progress [nzPercent]="progress" [nzStatus]="passwordProgressMap[status]" [nzStrokeWidth]="6" [nzShowInfo]="false"></nz-progress> + </div> + <p class="mt-sm">��������������� 6 ������������������������������������������������������</p> + </div> + </ng-template> + </nz-popover> + </nz-form-control> + </nz-form-item> + <nz-form-item> + <nz-form-control> + <nz-input-group nzSize="large" nzAddonBeforeIcon="anticon anticon-lock"> + <input nz-input type="password" formControlName="confirm" placeholder="������������"> + </nz-input-group> + <ng-container *ngIf="confirm.dirty && confirm.errors"> + <nz-form-explain *ngIf="confirm.errors?.required">������������������</nz-form-explain> + <nz-form-explain *ngIf="confirm.errors?.equar">���������������������������������</nz-form-explain> + </ng-container> + </nz-form-control> + </nz-form-item> + <nz-form-item> + <nz-form-control> + <nz-input-group nzSize="large" [nzAddOnBefore]="addOnBeforeTemplate"> + <ng-template #addOnBeforeTemplate> + <nz-select formControlName="mobilePrefix" style="width: 100px;"> + <nz-option [nzLabel]="'+86'" [nzValue]="'+86'"></nz-option> + <nz-option [nzLabel]="'+87'" [nzValue]="'+87'"></nz-option> + </nz-select> + </ng-template> + <input formControlName="mobile" nz-input> + </nz-input-group> + <nz-form-explain *ngIf="mobile.dirty && mobile.errors">���������������������</nz-form-explain> + </nz-form-control> + </nz-form-item> + <nz-form-item> + <nz-form-control> + <nz-row [nzGutter]="8"> + <nz-col [nzSpan]="16"> + <nz-input-group nzSize="large" nzAddonBeforeIcon="anticon anticon-mail"> + <input nz-input formControlName="captcha" placeholder="���������"> + </nz-input-group> + <nz-form-explain *ngIf="captcha.dirty && captcha.errors">���������������������</nz-form-explain> + </nz-col> + <nz-col [nzSpan]="8"> + <button nz-button nzSize="large" (click)="getCaptcha()" [disabled]="count" class="ant-btn__block">{{ count ? count + 's' : '���������������' }}</button> + </nz-col> + </nz-row> + </nz-form-control> + </nz-form-item> + <nz-form-item> + <button nz-button nzType="primary" nzSize="large" type="submit" [nzLoading]="loading" class="submit"> + <span>������</span> + </button> + <a class="login" routerLink="/passport/login">������������������������</a> + </nz-form-item> +</form> -- Gitblit v1.8.0