easy-login-react

基于Ant Design of React 的登录页面组件

安装和使用

1、使用npm 或者 yarn 安装

npm intall easy-login-react
//或者
yarn add easy-login-react

2、引用并使用组件

import EasyLogin from "easy-login-react";

export default function LoginView() {

  function loginClick(values) {

    console.log(values)
  }
  return (
    <EasyLogin
      atheme="light"
      title="简单的后台登录系统"
      copyright="© copyright easy-login"
      loading={false}
      login={loginClick}>
    </EasyLogin>
  )
}

3、支持属性和方法

|参数|说明|类型|默认| |---|---|---|---| |title|登录卡片标题|string|登录| |img|登录卡片左侧图片|string|-| |atheme|主题类型|string|default-dark| |copyright|页脚|string|-| |value|设置登录的值|{username:"",password:""}|-| |loading|设置登录按钮状态|boolean|false| |login|登录方法 返回登录表单的值|function|-|