微信小程序用代码实现点击头像登录

实现微信小程序点击头像登录，需要进行以下步骤：

1. 在小程序的 app.json 文件中配置需要用到的 API 接口：

{
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序定位服务"
    }
  },
  "request": {
    "domain": "https://api.weixin.qq.com",
    "header": {
      "content-type": "application/json"
    }
  }
}

2. 在小程序的 page 页面中添加用户登录按钮：

<view class="container">
  <button class="login-btn" open-type="getUserInfo" bindgetuserinfo="onGetUserInfo">点击登录</button>
</view>

3. 在小程序的 page 页面中添加获取用户信息的方法：

Page({
  data: {
    userInfo: {},
    hasUserInfo: false
  },
  onGetUserInfo: function(e) {
    console.log(e.detail.userInfo)
    if (e.detail.userInfo) {
      this.setData({
        userInfo: e.detail.userInfo,
        hasUserInfo: true
      })
    }
  }
})

4. 在小程序中调用 wx.login() 方法获取用户登录凭证（code）：

wx.login({
  success: res => {
    // 发送 res.code 到后台换取 openId, sessionKey, unionId
  }
})

5. 在小程序中调用 wx.request() 方法发送请求到后端服务器获取用户信息：

wx.request({
  url: 'https://api.weixin.qq.com/sns/jscode2session',
  data: {
    appid: 'your appid',
    secret: 'your app secret',
    js_code: res.code,
    grant_type: 'authorization_code'
  },
  success: function(res) {
    console.log(res.data)
  }
})

以上就是实现微信小程序点击头像登录的方法，具体实现还需要根据实际需求进行调整。