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

一、如何获取昵称（获取微信昵称）以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