<template>
  <ui-modal
    :visible.sync="localVisible"
    :title="title"
    width="600px">
    <ui-form label-width="100px">
      <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>
  </ui-modal>
</template>

<script>
import { Modal, Button, Form, FormField, Input, Checkbox } from "amumu-ui"
import visible from "amumu-ui/src/mixins/visible"

export default {
  components: {
    "ui-button": Button,
    "ui-modal": Modal,
    "ui-form": Form,
    "ui-form-field": FormField,
    "ui-input": Input,
    "ui-checkbox": Checkbox,
  },
  mixins: [visible],
  props: {
    title: {
      type: String,
      default: "登陆",
    },
  },
}
</script>
