1、xxx.wxml

=====================================

<button open-type="getUserInfo">授权登录</button>

<view>用户名:{{name}}</view>

<view>微信头像：

<image src="{{path}}" style="height:200rpx;width:200rpx"></image>

</view>

<view bindtap="getUserName">获取登录用户名</view>

============================================

2、xxx.js

getUserName:function(){

    //调用微信接口，获取当前用户的信息

    wx.getUserInfo({

      complete: (res) => {

        //console.log(res.userInfo.nickName);

        this.setData({

          name:res.userInfo.nickName,//微信昵称

          path:res.userInfo.avatarUrl//微信图片

        })

      }

    })

  }

3、在js文件的data属性中加

  data: {

    path:"/pages/static/man.png"  //默认图片，注意要写绝对路径，从pages开始

  },

一个简单的代码，可以自由的调用微信的信息，确实很神奇。
最后注意事项：
想要获取用户信息，必须经过用户授权（button）。 已授权 不授权，通过调用wx.openSetting
// 打开配置，手动授权。 // wx.openSetting({})