safetyHome_wxapp/pages/login/authorization.vue

<template>
	<view>
		<view class="title">
			平安E家小程序需要获得您的用户信息
		</view>
		<image src="../../static/empower_image@2x.png" style="width: 100%;height: 503rpx;margin-top: 48rpx;"></image>
		<button class="btn" open-type="getUserInfo" @getuserinfo="login" :loading="isLoading">授权并登陆</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isLoading:false,//按钮加载绑定值
			}
		},
		methods: {
			getPhoneNumber(e){
				console.log(e) 
			},
			// 授权登录
			login(e) {
				console.log(e)
				this.isLoading=true
				// 调起微信授权
				uni.login({
					provider: 'weixin',
					success: (res)=> {
						this.http.httpRequest("/wxapplet/ownersid/WeChatLogin", 'post', {
							phoneNumBer: uni.getStorageSync('phoneNumber'),
							loginName: e.detail.userInfo.nickName,
							avatar: e.detail.userInfo.avatarUrl,
							cardNo:uni.getStorageSync('idNumber')
						},true).then((res)=>{
							this.isLoading=false
							if(res.code==0){
								uni.setStorageSync('createBy',res.data[0].createBy)
								uni.switchTab({
									url:"../index/index"
								})
							}else{
								this.isLoading=false
								uni.showToast({
									title:res.msg,
									"icon":'none'
								})
							}
						}).catch(()=>{
							this.isLoading=false
						})
					}
				});
			}
		}
	}
</script>
<style>
	.title {
		width: 504rpx;
		height: 118rpx;
		text-align: center;
		margin: 0 auto;
		font-size: 40rpx;
		color: rgba(51, 51, 51, 1);
		margin-top: 246rpx;
		font-family: PingFang SC;
		font-weight: 400;
	}

	.btn {
		width: 702rpx;
		height: 88rpx;
		background: rgba(41, 138, 253, 1);
		color: rgba(255, 255, 255, 1);
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: bold;
		margin-top: 170rpx;
	}
</style>