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 中实现微信小程序头像和昵称填写功能的步骤和示例代码，可以根据实际需求进行修改和扩展。