效果图：

实现方式：

<button open-type="getPhoneNumber" class="btn-normal" @getphonenumber="getPhoneNumber">手机号授权登录</button>

open-type 有效值 

值	说明	平台差异说明
getPhoneNumber	获取用户手机号，可以从@getphonenumber回调中获取到用户信息	微信小程序、百度小程序、抖音小程序、支付宝小程序、快手小程序、京东小程序。App平台另见一键登陆

getPhoneNumber(e) {console.log("getPhoneNumber", e)
}

执行结果如下：