|
根据微信调整
getUserProfile 接口、getUserInfo 接口在最新的小程序基础库 已经不能获取到用户信息 官方推荐用头像填写能力  实现了一版 代码如下 做个记录 方便下次找到
昵称：
保存
export default {
data() {
return {
avatarUrl: '',
userName: ''
};
},
onLoad(option) {},
methods: {
bindblur(e) {
this.userName = e.detail.value; // 获取微信昵称
},
bindinput(e) {
this.userName = e.detail.value; // 获取微信昵称
},
onChooseavatar(e) {
let self = this;
let {
avatarUrl
} = e.detail;
this.avatarUrl = avatarUrl
},
onSubmit() {
var that = this
uni.login({
"provider": "weixin",
// "onlyAuthorize": true, // 微信登录仅请求授权认证
success: function(event) {
const {
code
} = event
const name = that.userName
// 判断头像以及昵称不为空 再上传
if (that.userName && that.avatarUrl) {
uni.uploadFile({
url:"",//请求路径
filePath: that.avatarUrl,
fileType: "image",
name: 'img',
success: uploadFileRes => {
let data=JSON.parse(uploadFileRes.data);
//将个人信息保存到全局
that.$store.dispatch("user/saveUserInfo",data.data);
// 跳转到我的界面
},
fail: (error) => {
uni.showToast({
title: "保存错误",
});
}
});
} else {
uni.showToast({
icon: 'none',
title: '请上传头像并填写昵称'
})
return false;
}
},
fail: function(err) {
// 登录授权失败
// err.code是错误码
}
})
}
}
}
.containar {
.avatarUrl {
padding: 80rpx 0 40rpx;
background: #fff;
button {
background: #fff;
line-height: 80rpx;
height: auto;
border: none !important;
width: auto;
// padding: 20rpx 30rpx;
margin: 0;
display: flex;
border: none;
justify-content: center;
align-items: center;
&::after {
border: none;
}
.refreshIcon {
width: 160rpx;
height: 160rpx;
border-radius: 50%;
background-color: #ccc;
}
.jt {
width: 14rpx;
height: 28rpx;
}
}
}
.userName {
background: #fff;
padding: 20rpx 30rpx 80rpx;
display: flex;
align-items: center;
justify-content: center;
.weui-input {
padding-left: 60rpx;
}
}
.btn {
width: 100%;
.btn-sub {
width: 670rpx;
margin: 80rpx auto 0;
height: 90rpx;
background: #DF8585;
border-radius: 45rpx;
line-height: 90rpx;
text-align: center;
font-size: 36rpx;
color: #fff;
}
}
}
|