微信小程序之获取用户头像昵称信息

获取用户头像昵称信息

功能比较简单，这里直接上代码：
.js

  onGetUserInfo: function(e) {
    
    if (!this.data.logged && e.detail.userInfo) {
      
      console.log('==允许',this.data.logged)
      this.setData({
        logged: true,
        avatarUrl: e.detail.userInfo.avatarUrl,
        userInfo: e.detail.userInfo
      })
      console.log('==头像为：',this.data.avatarUrl)
      console.log('==昵称为：',this.data.userInfo)
    }else{
      console.log('==拒绝')
      wx.showToast({
        title: '需要获取权限才可以做评论',
        icon:"none"
      })
    }
  },

.wxml

<button 
      open-type="getUserInfo" 
      bindgetuserinfo="onGetUserInfo"
      class="userinfo-avatar"
      style="background-image: url({{avatarUrl}})"
      size="default"
    ></button>

.wxss

.userinfo-avatar {
  width: 100rpx;
  height: 100rpx;
  margin: 20rpx;
  border-radius: 50%;
  background-size: cover;
  background-color: white;
}

.userinfo-avatar[size] {
  width: 100rpx;
}


.userinfo-avatar:after {
  border: none;
}

可能还需要一张默认显示的图片