uniapp 获取微信头像

uniapp 是一款基于Vue.js框架的开发工具，让开发者可以同时构建多端应用。在实现获取微信头像的功能时，可以通过uniapp对微信小程序API进行调用实现。

首先，在uniapp的配置文件manifest.json中，需要设置微信小程序的appid和相应的权限，如scope.userInfo用于获取用户信息。

接着，在uniapp的页面中，通过微信小程序的wx.getUserInfo()方法获取用户信息，并获取他们的微信头像，包括头像的URL和宽高。代码示例：

uni.login({
  success: function () {
    uni.getUserInfo({
      success: function (res) {
        var userInfo = res.userInfo;
        var avatarUrl = userInfo.avatarUrl;
        var nickName = userInfo.nickName;
        var gender = userInfo.gender; //性别 0：未知、1：男、2：女
        var province = userInfo.province;
        var city = userInfo.city;
        var country = userInfo.country;
      }
    })
  }
})

最后，将获取到的头像资源渲染到页面即可。代码示例：

<template>
  <view>
    <image :src="avatarUrl" :style="{width: avatarWidth + 'px', height: avatarHeight + 'px'}"></image>
  </view>
</template>

<script>
  export default {
    data () {
      return {
        avatarUrl: '',
        avatarWidth: 60,
        avatarHeight: 60
      }
    },
    methods: {
      getUserInfo () {
        uni.login({
          success: res => {
            uni.getUserInfo({
              success: res => {
                this.avatarUrl = res.userInfo.avatarUrl
              }
            })
          }
        })
      }
    },
    mounted () {
      this.getUserInfo()
    }
  }
</script>

以上就是uniapp获取微信头像的实现方法，需要注意的是，获取用户信息需要用户授权，因此需要在小程序上进行相应设置。同时，获取小程序开发者的APPID和SECRET也是必要的操作。