微信小程序获取用户信息

<view>用户昵称：{{nickName}}</view>
<view style="display:flex">
<view style="width:100px;line-height:100px;">用户头像:</view>
<image style="width:100px;height:100px;" src="{{userInfoAvatar}}"/>
</view>
<view>性别：{{sex}}</view>
<view>所在地址（省）：{{province}}</view>
<view>所在地址（市）：{{city}}</view>

.userinfo {
display: flex;
flex-direction: column;
align-items: center;
}

.userinfo-avatar {
width: 128rpx;
height: 128rpx;
margin: 20rpx;
border-radius: 50%;
}

.userinfo-nickname {
color: #aaa;
}

.usermotto {
margin-top: 200px;
}

Page({
data: {
nickName:'',
userInfoAvatar:'',
sex:'',
province:'',
city:''
},
onLoad: function () {
var that=this;
wx.getUserInfo({
success: function(res){
// success
that.setData({
nickName:res.userInfo.nickName,
userInfoAvatar:res.userInfo.avatarUrl,
province:res.userInfo.province,
city:res.userInfo.city
})
switch(res.userInfo.gender){
case 0:
that.setData({
sex:'未知'
})
break;
case 1:
that.setData({
sex:'男'
})
break;
case 2:
that.setData({
sex:'女'
})
break;
}
},
fail: function() {
// fail
console.log("获取失败！")
},
complete: function() {
// complete
console.log("获取用户信息完成！")
}
})
}
})