百度小程序,登录组件login,使用手机号快速登录

追格官方小助手/ 2022年09月08日/ 小程序/ 浏览 2392

各家平台的小程序登录流程基本都是一样的,都是先获取一个code,然后拿code在后台换取凭证,再获取用户信息等等……


百度小程序,现在有了更快捷的登录方式,其流程和获取手机号的流程是一样的,类似于用手机号快速注册。



该组件支持修改样式,提供了 button-class,checked-color,theme-color 等,可以自定义样式。


代码示例:


<login button-class="{{buttonClass}}"
            checked-color="#11c0a9"
            bindgetphonenumber="customGetPhoneNumber"
            bindloaderror="customLoaderror" > </login>


customGetPhoneNumber: function(e) {
	let res = e.detail && e.detail.errMsg === 'getPhoneNumber:ok' ? '登录成功' : '获取手机号信息失败';
	swan.showToast({
		title: res,
		icon: 'none'
	});
	this.setData({
		showCustomLogin: false,
		customLoginData: res
	});
},

customLoaderror: function(e) {
	let res = '获取手机号信息失败';
	if (e.detail) {
		swan.showToast({
			title: e.detail.errMsg,
			icon: 'none'
		});
	}
	this.setData({
		customLoginData: res
	});
},


.buttonClass {
    background-color: #ff9a40;
}


发表评论

暂无评论,抢个沙发...

客服 工单