Revert "框架调整"

fengxiang

2018-07-11 12b04f145bae740e1971036b1e2dfc1bc224d17b

 src/app/routes/passport/lock/lock.component.html

New file
@@ -0,0 +1,29 @@
<div class="wrapper">
  <div class="abs-center width-lg">
    <div class="py-lg text-center">
      <nz-avatar [nzSrc]="settings.user.avatar" nzIcon="anticon anticon-user" nzSize="large"></nz-avatar>
    </div>
    <nz-card [nzBordered]="false">
      <p class="mb-sm">输入密码后解锁屏幕。</p>
      <form nz-form [formGroup]="f" (ngSubmit)="submit()" role="form">
        <nz-form-item>
          <nz-form-control>
            <nz-input-group nzSize="large" nzSuffixIcon="anticon anticon-lock">
              <input type="password" nz-input formControlName="password">
            </nz-input-group>
            <nz-form-explain *ngIf="f.get('password').dirty && f.get('password').errors">This field is required</nz-form-explain>
          </nz-form-control>
        </nz-form-item>
        <nz-row nzType="flex" nzAlign="middle">
          <nz-col [nzOffset]="12" [nzSpan]="12" style="text-align:right;">
            <button nz-button nzSize="large" [disabled]="!f.valid" nzType="primary">解锁</button>
          </nz-col>
        </nz-row>
      </form>
    </nz-card>
    <div class="p-lg text-center text-sm">
      &copy; {{ settings.app.year }} - {{ settings.app.name }}
      <br> {{ settings.app.description }}
    </div>
  </div>
</div>