Login
联合登录 / 手机号授权内嵌组件
支持情况:
类型
ComponentType<LoginProps>
LoginProps
参数 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
buttonClass | string | 否 | 组件中用户授权按钮的类名,可用于自定义样式 | |
checkedColor | string | "#3388FF" | 否 | 组件中用户授权勾选框选中时的颜色,同 CSS 的 color |
themeColor | string | "#3388FF" | 否 | 主题颜色,设置后将应用于 “用户授权按钮背景色” 和 “用户授权勾选框选中时的颜色” 注:theme-color 的优先级低于 button-class 和 checked-color,且当 button-class 存在时,theme-color 不生效 |
onGetPhoneNumber | CommonEventFunction | 否 | 用户完成授权后,获取用户手机号: detail.errMsg 值为"getPhoneNumber:ok" 时代表用户信息获取成功; detail.errMsg 值为"getPhoneNumber:fail auth deny"时代表用户信息获取失败。 参考 用户数据的签名验证和加解密 对用户数据进行处理获得用户手机号。 用户手机号信息解密后数据示例:{"mobile":"15000000000"} 1. 非个人开发者可申请; 2. 审核通过后,进入小程序首页,在左侧导航栏单击“设置 -> 开发设置”。下拉页面,在“获取用户手机号权限申请”中单击“申请开通” | |
onLoadError | CommonEventFunction | 否 | 组件加载失败回调 |
API 支持度
API | 微信小程序 | 百度小程序 | H5 | React Native | Harmony |
---|---|---|---|---|---|
LoginProps.buttonClass | ✔️ | ||||
LoginProps.checkedColor | ✔️ | ||||
LoginProps.themeColor | ✔️ | ||||
LoginProps.onGetPhoneNumber | ✔️ | ||||
LoginProps.onLoadError | ✔️ |