uniapp实现微信小程序头像昵称填写能力

要在uniapp中实现微信小程序头像和昵称填写能力，需要进行以下步骤：

在小程序中获取用户授权，包括用户信息、头像等。
在uniapp中使用微信登录插件wx.login()获取用户的openID。
在uniapp中调用微信小程序的getUserInfo接口，获取用户的头像和昵称等信息。
将用户的头像和昵称等信息存储到uniapp的本地存储中，方便下次使用。
在uniapp中将用户的头像和昵称等信息显示在页面上。

以下是示例代码：

在小程序中获取用户授权

// 小程序代码
wx.getUserInfo({
  success: function(res) {
    var userInfo = res.userInfo;
    var nickName = userInfo.nickName;
    var avatarUrl = userInfo.avatarUrl;
    // 存储用户信息到本地存储中
    wx.setStorageSync('nickName', nickName);
    wx.setStorageSync('avatarUrl', avatarUrl);
  }
})

在uniapp中使用微信登录插件wx.login()获取用户的openID

// uniapp代码
uni.login({
  provider: 'weixin',
  success: function(res) {
    var code = res.code;
    // 发送code到后台获取用户的openID
  }
})

在uniapp中调用微信小程序的getUserInfo接口，获取用户的头像和昵称等信息。

// uniapp代码
uni.getUserInfo({
  provider: 'weixin',
  success: function(res) {
    var userInfo = res.userInfo;
    var nickName = userInfo.nickName;
    var avatarUrl = userInfo.avatarUrl;
    // 存储用户信息到本地存储中
    uni.setStorageSync('nickName', nickName);
    uni.setStorageSync('avatarUrl', avatarUrl);
  }
})

将用户的头像和昵称等信息存储到uniapp的本地存储中，方便下次使用。

// uniapp代码
// 存储用户信息到本地存储中
uni.setStorageSync('nickName', nickName);
uni.setStorageSync('avatarUrl', avatarUrl);

在uniapp中将用户的头像和昵称等信息显示在页面上。

<!-- uniapp页面代码 -->
<template>
  <view>
    <image :src="avatarUrl"></image>
    <text>{{nickName}}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      nickName: '',
      avatarUrl: ''
    }
  },
  onShow() {
    // 从本地存储中获取用户信息
    this.nickName = uni.getStorageSync('nickName');
    this.avatarUrl = uni.getStorageSync('avatarUrl');
  }
}
</script>

以上是在uniapp中实现微信小程序头像和昵称填写能力的步骤和示例代码，可以根据实际需求进行修改和扩展