1.0.3 • Published 2 years ago
@dzc/login-page v1.0.3
登录页面组件
描述
基于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鼓励和支持
开发不易，开源不易。如果这篇经验对您有所帮助，请多给我一些鼓励和支持，谢谢！。