1、效果展示

2、關鍵程式碼

.wxml佈局檔案程式碼

使用者暱稱：{{nickName}}使用者頭像:性別：{{sex}}所在地址（省）：{{province}}所在地址（市）：{{city}}

.js邏輯檔案程式碼

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("獲取使用者資訊完成！")
      }
    })
  }
})
 

3、原始碼獲取方式

百度雲連結：http://pan.baidu.com/s/1jHGP1Vw

4、在獲取使用者登入資訊過程中有遇到任何問題或者不明白的地方，可以新增我的微信進行諮詢，感謝支援！微訊號：FutureJet

5、覺得不錯請打賞，您的十分滿意是筆者的無限動力。