使用uniapp 写一个使用微信公众号授权获取用户头像和昵称的代码

以下是使用uniapp编写的获取微信公众号授权获取用户头像和昵称的代码：

<template>
  <view>
    <button @click="getUserInfo">获取用户信息</button>
    <image :src="avatarUrl"></image>
    <text>{{nickName}}</text>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        avatarUrl: '',
        nickName: ''
      }
    },
    methods: {
      getUserInfo() {
        uni.getUserInfo({
          provider: 'weixin',
          success: res => {
            this.avatarUrl = res.userInfo.avatarUrl
            this.nickName = res.userInfo.nickName
          },
          fail: err => {
            console.log(err)
          }
        })
      }
    }
  }
</script>

这段代码使用了uniapp的`getUserInfo`接口，通过`provider`参数指定使用微信公众号授权，成功获取用户信息后将头像和昵称分别赋值给`avatarUrl`和`nickName`变量，最后在页面上显示出来。