如何在小程序中获取用户昵称、电话号，头像

一、如何获取昵称（获取微信昵称）以Taro框架为例
Taro框架中的组件Input的一个属性，type属性的值有一个nickname.
如果要拿到input的值，是要value结合onChange事件。

type="nickname" value={nickName} onChange={(value: string, event: any)=>{}

二、获取手机号
通过Button组件的属性来获取。
1、Button组件的open-type属性，当值为getPhoneNumber时进行用户授权。（手机号快速验证，向用户申请，并在用户同意后，快速填写和验证手机，）
2、通过onGetPhoneNumber（）事件。是获取用户手机号的回调。
在这一步要注意的是：在这个回调函数里面须得调后台的接口，向后台提交手机号码。
从onGetPhoneNumber（）的参数中拿到code值，这个code值是后台接口所需的传参。

<Button className='mobile-button' openType='getPhoneNumber' onGetPhoneNumber={async (e: any) => {
                  const code = e.detail.code
                  // 用户允许授权手机号
                  if (code) {
                    const result = await getPhoneNumber({
                      data: {
                        phoneCode: code
                      }
                    })
                  }
                }} >获取手机号</Button>

三、获取微信头像
和获取手机号类似，也是Button组件的open-type的值为chooseAvatar时，再结合onChooseAvatar（）事件，在这个事件的回调中调接口。

<Button className='image-button' openType='chooseAvatar' onChooseAvatar={async (e: any) => {
                  const file = e.detail.avatarUrl
                }}
                >

四、点击图片，如何出现上拉菜单
在Image组件找中添加一个showMenuByLongpress属性即可。

 /** 开启长按图片显示识别小程序码菜单
   * @default false
   * @supported weapp
   */
  showMenuByLongpress?: boolean