<template>
<view>
<view>
<view>
<view class='header'>
<image src='../../static/image/wx_login.png'></image>
</view>
<view class='content'>
<view>申请获取以下权限</view>
<text>获得你的公开信息(昵称,头像、地区等)</text>
</view>
<!--
<button class='bottom' type='primary' open-type="getUserInfo" withCredentials="true" lang="zh_CN" @getuserinfo="getUserInfo">
授权登录
</button> -->
<button class='bottom' type='primary' withCredentials="true" lang="zh_CN" @click="getUserInfo">
授权登录
</button>
<button class='bottom' type='primary' open-type="getUserInfo" withCredentials="true" lang="zh_CN"
@click="quxiao">
暂不登录
</button>
</view>
</view>
</view>
</template>
<script>
import {
} from 'vuex';
export default {
// computed: {
// ...mapState(['userInfo'])
// },
data() {
return {
}
},
onLoad() {
// 获取用户信息
var _self = this;
_self.$uniApi.checkPhone("");
this.get_wx_code();
},
methods: {
get_wx_code(){
uni.login({
provider: 'weixin',
success: (res) => {
this.code = res.code;
}
})
},
getUserInfo() {
const that = this;
uni.getUserProfile({
// provider: 'weixin',
desc:'仅用于展示用户头像与昵称',
success: function(infoRes) {
if (infoRes.errMsg == "getUserProfile:ok") {
console.log(infoRes);
uni.request({
url: 'https://xxx.com/App/Zm/oneRegister',
header: {
'content-type': 'application/x-www-form-urlencoded',
},
method: 'POST',
data: {
uuid: that.code,
avatarUrl: infoRes.userInfo.avatarUrl,
nickName: infoRes.userInfo.nickName
},
success: (ret) => {
console.log(JSON.stringify(ret.data));
if (ret.statusCode !== 200) {
console.log('请求失败', ret);
return;
}
if (ret.data.code == 1) {
// 取数据并赋值
uni.setStorageSync('user_id', ret.data
.msg.id);
uni.setStorageSync('username', ret.data
.msg.username);
uni.setStorageSync('userimg', ret.data
.msg.userimg);
uni.setStorageSync('jifen', ret.data
.msg.jifen);
uni.setStorageSync('viptime', ret.data
.msg.viptime);
uni.setStorageSync('buy', ret.data.msg
.buy);
uni.setStorageSync('collect', ret.data
.msg.collect);
// 关闭动画
uni.hideLoading();
// 跳转到首页
uni.reLaunch({
url: '../index/index'
});
} else {
// 关闭动画
// 气泡提示
uni.showToast({
title: ret.data.msg,
icon: 'none',
duration: 2000
});
}
}
});
} else {
uni.showToast({
title: '系统异常,请联系管理员!'
})
}
},
fail: () => {
uni.showToast({
title: '获取用户信息失败',
icon: 'none'
});
}
});
},
quxiao() {
uni.reLaunch({
url: '../index/index'
});
}
},
}
</script>
<style>
.header {
margin: 90rpx 0 90rpx 50rpx;
border-bottom: 1px solid #ccc;
text-align: center;
width: 650rpx;
height: 300rpx;
line-height: 450rpx;
}
.header image {
width: 200rpx;
height: 200rpx;
}
.content {
margin-left: 50rpx;
margin-bottom: 90rpx;
}
.content text {
display: block;
color: #9d9d9d;
margin-top: 40rpx;
}
.bottom {
border-radius: 80rpx;
margin: 70rpx 50rpx;
font-size: 35rpx;
}
</style>
现在使用头像昵称填写能力
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/userProfile.html
老哥接单不 帮忙修改一下