<template>
  <div class="demo-form-normal-login">
    <ui-form>
      <ui-form-field>
        <ui-input prefix-icon="user"></ui-input>
      </ui-form-field>
      <ui-form-field>
        <ui-input
          prefix-icon="lock"
          type="password"></ui-input>
      </ui-form-field>
      <ui-form-field>
        <ui-checkbox checked>
          Remember me
        </ui-checkbox>
        <a
          class="login-form-forgot"
          href="#">
          忘记密码
        </a>
      </ui-form-field>
      <ui-form-field>
        <ui-button
          class="login-form-button"
          type="primary">
          登陆
        </ui-button>
        或者 <a href="">
          现在注册
        </a>
      </ui-form-field>
    </ui-form>
  </div>
</template>
<script>
import { Form, FormField, Input, Checkbox, Button } from "amumu-ui"

export default {
  components: {
    "ui-form": Form,
    "ui-form-field": FormField,
    "ui-input": Input,
    "ui-checkbox": Checkbox,
    "ui-button": Button,
  },
}
</script>
<style lang="scss">
.demo-form-normal-login {
  max-width: 300px;
  .login-form-button {
    width: 100%;
  }
  .login-form-forgot {
    float: right;
  }
}
</style>
