@tripmini/vehicle-login-ui-react
v0.0.4
Published
统一登陆服务ui组件,支持扫码登录,企业管理,手机号绑定功能
Downloads
1
Keywords
Readme
vehicle-login-ui-react react统一登陆组件
统一登陆服务ui组件,支持扫码登录,企业管理,手机号绑定功能
安装
# 安装登录sdk
npm install --save @tripmini/vehicle-login-core
# 安装组件
npm install --save @tripmini/vehicle-login-ui-react
# 安装登录 UI组件库 (npm版本>=7)
npm install --legacy-peer-deps --save @tripmini/vehicle-login-ui-react
使用说明
初始化登录sdk(@tripmini/vehicle-login-core)
import { init } from '@tripmini/vehicle-login-core'
const param = {
unAppId: '', // 统一登录服务下发的appid。必传
tcbEnv: '', // tcb 环境id。必传
wxOpenAppId: '', // 微信开放平台appid。必传
redirectUri: '', // 登录回调url。非必传
qrStyle: '' // 二维码的样式。非必传
}
// 初始化sdk
init(param)
初始化登录组件
Props
interface Prop {
// 登录平台 0:企微,1:微信
platform?: number;
// 强制绑定 0:不开启,1:开启(默认)。非必传
forceBind?: number;
/**
* 登录成功回调事件
*/
onLoginEvent: Function;
}
import { SocialSignin } from '@tripmini/vehicle-login-ui-react';
export default function Login() {
const loginEvent = (e: any) => {
// 登录回调
};
return (
<div>
<SocialSignin platform={1} forceBind={1} onLoginEvent={loginEvent} />
</div>
);
}