微信小程序授权登录和获取手机号功能（详细）_原生微信小程序open-type="getphonenumber"授权获取用户手机号

请依次允许获得你的公开信息及手机号码

{ {AuthorizedLogin}}

{ {UserPhone}}

请升级微信版本

（四）index.wxss

.header {

margin: 90rpx 0 90rpx 50rpx;

border-bottom: 1px solid #ccc;

text-align: center;

width: 650rpx;

height: 300rpx;

line-height: 450rpx;

}

.header image {

width: 200rpx;

height: 200rpx;

}

.content {

margin-left: 50rpx;

margin-bottom: 90rpx;

}

.content text {

display: block;

color: #9d9d9d;

margin-top: 40rpx;

}

/* .operBtn{

border-radius: 80rpx;

margin: 70rpx 50rpx;

font-size: 35rpx;

}

.operBtns{

background: #eef0ed !important;

border-radius: 80rpx;

margin: 70rpx 50rpx;

font-size: 35rpx;

color: #000300 !important;

} */

.hide{

border-radius: 80rpx;

margin: 70rpx 50rpx;

font-size: 35rpx;

display: none;

}

.show{

display: block;

/* background: #eef0ed !important; */

border-radius: 80rpx;

margin: 70rpx 50rpx;

font-size: 35rpx;

/* color: #000300 !important; */

}

（三）index.js

const app = getApp();

Page({

data: {

//判断小程序的API，回调，参数，组件等是否在当前版本可用。

canIUse: wx.canIUse(‘button.open-type.getUserInfo’),

isHide: false,

AuthorizedLogin: ‘授权登录’,

UserPhone: ‘手机号授权’,

lee: “”,

flag: true

},

onLoad: function() {

var that = this;

// 查看是否授权

//获取用户本地是否是第一次进入新版本

var versions = wx.getStorageSync(‘versions’);

if (versions == ‘1’) {

wx.getSetting({

success: function(res) {

if (res.authSetting[‘scope.userInfo’]) {

//调用共通的登录方法

app.util.getUserInfo(

function(userinfo) {

that.setData({

userinfo: userinfo

})

});

} else {

// 用户没有授权

// 改变 isHide 的值，显示授权页面

that.setData({

isHide: true