小程序获取用户信息

wxml文件
<view data-weui-theme="{{theme}}">
  <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
    <image class="avatar" src="{{avatarUrl}}"></image>
  </button> 
  <view style="text-align: center;margin-bottom: 20px;font-size: 34rpx;">
    {{langTranslate['请上传您的']}}{{langTranslate['头像']}}
</view>
  <mp-form>
    <mp-cells>
      <mp-cell title="{{langTranslate['昵称']}}">
        <input type="nickname" class="weui-input" placeholder="{{langTranslate['请输入您的']}}{{langTranslate['昵称']}}" bindblur="bindKeyInput"/>
      </mp-cell>
    </mp-cells>
  </mp-form>
<view class="button-sp-area">
    <button bindtap="ok" type="primary" size="mini">{{langTranslate['确定']}}</button>
    <button bindtap="cancel" size="mini">{{langTranslate['取消']}}</button>
</view>
  
</view>

js文件
// pages/avatar-nick/avatar-nick.js
  const app = getApp()
  import {API_URL, API_URL_V2} from "../../utils/constant";
  import {ajax} from "../../utils/api";
  let api = require("../../utils/api"),
  constant = require("../../utils/constant"),
  i18n = require('../../i18n/i18n.js'),
  storage = require("../../utils/storage.js"),
  util = require("../../utils/util"),
  phone = require('../../utils/phone');
  const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'

Page({

    /**
     * 页面的初始数据
     */
    data: {
        avatarUrl: defaultAvatarUrl,
        nickname:'',
        theme: wx.getSystemInfoSync().theme,
        id:'',
        detailInfo: {},
        langTranslate: i18n.langTranslate(),
        isEn: i18n.isEn(),
      },
      onChooseAvatar(e) {
        const { avatarUrl } = e.detail 
        this.setData({
          avatarUrl,
        })
      },
      bindKeyInput: function (e) {
        this.setData({
            nickname: e.detail.value
        })
      },
      async ok() {
        if(this.data.avatarUrl == defaultAvatarUrl) {
            wx.showToast({
                title:  `${this.data.langTranslate['请上传您的']}${this.data.langTranslate['头像']}`,
                icon: 'none',
                duration: 2000
              })
        } else if(this.data.nickname == '') {
            wx.showToast({
                title: `${this.data.langTranslate['请输入您的']}${this.data.langTranslate['昵称']}`,
                icon: 'none',
                duration: 2000
              })
        } else {
            var _self = this
            wx.setStorageSync('shareUserInfo', {'nickName':this.data.nickname,'avatarUrl':this.data.avatarUrl})
            var result = await ajax.get(`${API_URL}/wx/getAcodeUrl?companyId=696&pageUrl=packagePurchaser/pages/purchaser/exhibition/detail/detail&scene=${this.data.id}`)
            if(result.code == 0) {
                _self.data.detailInfo.qrcode = `${API_URL_V2}` + result.result
                _self.setData({
                    detailInfo:_self.data.detailInfo
                })
            }
            wx.setStorageSync('event', _self.data.detailInfo);
            wx.navigateTo({
                url: "/pages/share/share"
            })
        }
      },
      cancel () {
        wx.navigateBack({
            delta: 1
          });
      },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: async function (options) {
        var _self = this;
          _self.setData({
            id: options.id,
            langTranslate: i18n.langTranslate(),
          }, () => {
            wx.setNavigationBarTitle({
              title: this.data.langTranslate['用户信息'],
            });
          })
          await _self.initData()
          wx.get
      wx.onThemeChange((result) => {
        this.setData({
          theme: result.theme
        })
      })
    },
    // 初始化数据
  initData: function () {
    var _self = this;
    (0, api.getSupplierDetail)({
      query: {
        id: _self.data.id,
        userId: storage.getUserInfo().id || '',
      },
      method: 'GET',
      success: function (res) {
        const data = {
          ...res.data.result,
          hot: res.data.resultEx.hot,
          num: res.data.resultEx.num,
          name: res.data.result.company,
          coverImage: util.isNullStr(res.data.result.portrait) ? '' : res.data.result.portrait,
          objectType: 0
        };
        _self.setData({
          detailInfo: data
        }
        )}
    });
  },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {
        if(wx.getStorageSync('shareUserInfo').nickName == '微信用户' || wx.getStorageSync('shareUserInfo') == '') {
            
           } else {
            wx.navigateBack({
                delta: 1
              });
           }
    },

})

css文件
/* pages/avatar-nick/avatar-nick.wxss */
.avatar-wrapper {
  padding: 0;
  width: 56px !important;
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: 20px;
}

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

.container {
  display: flex;
}
.button-sp-area{
    margin: 0 auto;
    width: 60%;
    display: flex;
    margin-top: 40rpx;
  }