wx.getSetting({
        success(res) {
            if (res.authSetting['scope.userInfo']) {
                // Уже авторизован и можно позвонить напрямую getUserInfo Получить аватар Никнейм
                wx.getUserInfo({
                    success: function (res) {
                        console.log('Информация о пользователе', res.userInfo)
                        That.setData({
                            avatarUrl: res.userInfo.avatarUrl,
                            nickName: res.userInfo.nickName
                        })
                    }
                })
            }
        }
    })

// wxml
<view data-weui-theme="{{theme}}">
  <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
    <image class="avatar" src="{{avatarUrl}}"></image>
  </button> 
  <mp-form>
    <mp-cells>
      <mp-cell title="Никнейм">
        <input bindinput="bindKeyInput" value="{{nickName}}" type="nickname" class="weui-input" placeholder="Пожалуйста, введите Никнейм"/>
      </mp-cell>
    </mp-cells>
  </mp-form>
</view>


// js
const app = getApp()
Page({
    data: {
        avatarUrl: '',
        nickName: ''
    },
    onLoad() {
        let That = this
        wx.getSetting({
            success(res) {
                if (res.authSetting['scope.userInfo']) {
                    // Уже авторизован и можно позвонить напрямую getUserInfo Получить аватар Никнейм
                    wx.getUserInfo({
                        success: function (res) {
                            console.log('Информация о пользователе', res.userInfo)
                            That.setData({
                                avatarUrl: res.userInfo.avatarUrl,
                                nickName: res.userInfo.nickName
                            })
                        }
                    })
                }
            }
        })
    },
    onChooseAvatar(e) {
        const {
            avatarUrl
        } = e.detail
        this.setData({
            avatarUrl,
        })
    },
    bindKeyInput(e){
        this.setData({
            nickName: e.detail.value
        })
    }
})


//json
{
  "usingComponents": {
    "mp-form-page": "weui-miniprogram/form-page/form-page",
    "mp-form": "weui-miniprogram/form/form",
    "mp-cells": "weui-miniprogram/cells/cells",
    "mp-cell": "weui-miniprogram/cell/cell"
  },
  "pageOrientation": "auto"
}
// wxss
.avatar-wrapper {
  padding: 0;
  width: 56px !important;
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.avatar {
  display: block;
  width: 56px;
  height: 56px;
}

.container {
  display: flex;
}

<input 
bindinput="bindKeyInput" 
bindblur="bindKeyBlur"
value="{{nickName}}" 
type="nickname" 
class="weui-input" 
 placeholder="Пожалуйста, введите Никнейм"/>

const version = wx.getSystemInfoSync().SDKVersion;
<!--новая версия-->
isNewVersion() {
  const version = wx.getSystemInfoSync().SDKVersion;
  if (this.compareVersion(version, "2.21.2") >= 0) {
    return true;
  }
  return false;
}
compareVersion(v1, v2) {
  v1 = v1.split(".");
  v2 = v2.split(".");
  const len = Math.max(v1.length, v2.length);

  while (v1.length < len) {
    v1.push("0");
  }
  while (v2.length < len) {
    v2.push("0");
  }

  for (let i = 0; i < len; i++) {
    const num1 = parseInt(v1[i]);
    const num2 = parseInt(v2[i]);

    if (num1 > num2) {
      return 1;
    } else if (num1 < num2) {
      return -1;
    }
  }
  return 0;
}