uniapp 实现获取用户手机号

在 Uni app 中，要实现获取用户手机号，可以通过使用微信小程序的接口来实现。

首先，需要在 `button` 组件上设置 `open-type` 属性为 `getPhoneNumber`，例如：

<button open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">获取手机号</button>

然后，在对应的页面或组件中，定义 `onGetPhoneNumber` 方法来处理获取到用户手机号的逻辑，例如：

methods: {
  onGetPhoneNumber(e) {
    if (e.mp.detail.errMsg === 'getPhoneNumber:ok') {
      const phoneNumber = e.mp.detail.encryptedData;
      // 处理获取到的手机号逻辑
      // ...
    } else {
      // 用户拒绝授权或其他错误处理
      // ...
    }
  }
}

在 `onGetPhoneNumber` 方法中，可以通过 `e.mp.detail.encryptedData` 获取到用户的加密手机号信息，然后可以进行解密和处理。

需要注意的是，使用该接口需要用户授权，因此在小程序的后台配置中，需要开启获取用户手机号的权限。另外，该功能仅在微信小程序环境下可用，其他平台可能需要使用不同的方式来获取用户手机号。