微信授权

<view class='dengluview' wx:if='{{denglu}}'>
    <view class='denglumiddle'>
        <view class='denglumiddle1'>
            <text>微信授权</text>
        </view>
        <view class='denglumiddle2'>
            <view class='denglumiddle2-1'>
                <text >为了更快的给您提供免注册服务，我们需要授权获得以下信息</text>
            </view>
 
            <view class='denglumiddle2-2'>
                <text>您微信的公开信息（昵称、头像等）</text>
            </view>
        </view>
        <button class='denglubutton' open-type='getUserInfo' bindgetuserinfo='onMybindgetuserinfo'>获取基础信息</button>
    </view>
</view>

.dengluview {
    width: 100vw;
    height: 100vh;
    background-color: rgba(100, 100, 100, 0.3);
    position: absolute;
    top: 0;
    left: 0;
}
 
.denglumiddle {
    width: 676rpx;
    height: 440rpx;
    background-color: #fff;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
 
.denglumiddle1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100rpx;
    border-bottom: 1px solid #dad7d7;
    font-size: 36rpx;
    box-sizing: border-box;
    
}
 
.denglumiddle2 {
    height: 198rpx;
    padding-top: 38rpx;
    padding-left: 38rpx;
    padding-right: 38rpx;
    line-height: 40rpx;
 
}
 
.denglumiddle2-1 {
    font-size: 28rpx;
    border-bottom: 1px solid #dad7d7;
    padding-bottom: 24rpx;
}
 
.denglumiddle2-2 {
    margin-top: 14rpx;
    font-size: 28rpx;
    color: #a4a4a4;
}
 
.denglubutton {
    height: 104rpx;
    border-radius: 0;
    border-top: 1px solid #dad7d7;
    color: #259b24;
    font-size: 36rpx;
    line-height: 104rpx;
}
 
.denglubutton::after {
    border: none;
}
 

Page({

    data: {
        denglu: true //如果为true就显示授权遮挡
    },


    onLoad: function(options) {

        //获取缓存中的denglu，如果有值且值等于false，那么，设置authorize为false
        var denglu = wx.getStorageSync("denglu");
        if (denglu === false) {
            this.setData({
                denglu: denglu
            })
        }

    },

    //授权登录按钮
    onMybindgetuserinfo: function(event) {
        console.log(event)
        if (event.detail.userInfo) {
            this.setData({
                denglu: false
            })
            wx.setStorageSync("denglu", false)
        } else {
            wx.showToast({
                title: '需要授权才能进入程序',
                icon: 'none'
            })
        }
    }
})