@dzc/login-page

登录页面组件

描述

基于React封装的登录页面组件，包含3D效果、登录背景、人机验证、用户登录等功能模块。

效果

安装

npm i @dzc/login-page --save

使用

import React from 'react';
import LoginPage from '@dzc/login-page';

export default () => {

  const loginSubmit = (values) => {
    console.warn('获取登录信息', values)
  }

  const reqCode = async () => {
    // const res = await false // 返回失败情况
    // const res = await fetch('https://gw.alipayobjects.com/os/antvdemo/assets/data/diamond.json') // 返回成功
    // return res
    const res = await 'lkjsafdsafsaf'
    return res
  }

  const loginProps = {
    platformName: '大数据平台',
    reqCode,
    loginSubmit
  }

  return <LoginPage {...loginProps} />;
};

API

参数	说明	类型	默认值	可选值
platformName	登录界面平台名称	string	'大箴数据平台'	-
loginSubmit	用户点击登录按钮获取的表单信息	func	-	-
reqCode	回调函数，用于请求验证码接口获取value值返回到组件中，前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将会话ID（sessionId）、签名串（sig）、请求唯一标识（token）字段记录下来，随业务请求一同发送至您的服务端调用验签。	func	-	-

更新日志

1.0.3 样式优化
1.0.2 添加页面自适应功能
1.0.1 修复样式
1.0.0 登录页面组件发布

温馨提示

如需支持更多自定义效果，请联系作者逐步完善
开发者：诺克
微信：15858194070

鼓励和支持

开发不易，开源不易。如果这篇经验对您有所帮助，请多给我一些鼓励和支持，谢谢！。