• uniapp 微信小程序最新隐私弹窗更新方案,更新后无法登录问题解决方案


    1,在manifest.json文件中的mp-weixin 节点下,添加:"__usePrivacyCheck__": true

    2,在需要的页面配置隐私保护弹窗,或者直接写到首页也可以

    type="center" :maskClick="false">

    隐私保护指引

    des" @click="openPrivacyContract">

    在使用当前小程序服务之前,请仔细阅读{{privacyContractName}}。如你同意{{privacyContractName}},请点击“同意”开始使用。

    在下方data中定义:privacyContractName:''

    3,在页面的onLoad中,添加查询是否需要授权的检测(小程序中用即可,其他端不需要)

    // #ifdef MP-WEIXIN

    wx.getPrivacySetting({

    success: res => {

    console.log("是否需要授权:", res.needAuthorization, "隐私协议的名称为:", res.privacyContractName)

    if (res.needAuthorization) {

    this.privacyContractName = res.privacyContractName;

    this.$refs.popusAuthorization.open();

    }

    },

    fail: () => {},

    complete: () => {},

    })

    // #endif

    4,然后在methods中添加对应的方法

    // 打开隐私协议页面

    openPrivacyContract() {

    let that = this;

    wx.openPrivacyContract({

    fail: () => {

    that.$queue.showToast('遇到错误无法打开!');

    }

    })

    },

    // 拒绝隐私协议

    exitMiniProgram() {

    // 直接退出小程序

    wx.exitMiniProgram()

    },

    // 同意隐私协议

    handleAgreePrivacyAuthorization() {

    this.$refs.popusAuthorization.close();

    },

    下方是弹框的样式,有需要直接拷贝即可

    .privacy {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(0, 0, 0, .5);

    z-index: 9999999;

    display: flex;

    align-items: center;

    justify-content: center;

    }

    .contentview {

    width: 632rpx;

    padding: 48rpx;

    box-sizing: border-box;

    background: #fff;

    border-radius: 16rpx;

    }

    .contentview .title {

    text-align: center;

    color: #333;

    font-weight: bold;

    font-size: 32rpx;

    }

    .contentview .des {

    font-size: 26rpx;

    color: #666;

    margin-top: 40rpx;

    text-align: justify;

    line-height: 1.6;

    }

    .contentview .des .link {

    color: #07c160;

    text-decoration: underline;

    }

    button::after {

    border: none;

    }

    .btns {

    margin-top: 48rpx;

    display: flex;

    }

    .btns .item {

    justify-content: space-between;

    width: 244rpx;

    height: 80rpx;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 16rpx;

    box-sizing: border-box;

    border: none;

    }

    .btns .reject {

    background: #f4f4f5;

    color: #909399;

    }

    .btns .agree {

    background: #07c160;

    color: #fff;

    }

    若出现确认隐私后无法登录情况,请使用微信开发者工具推送低版本调试基础库降低到2.32.3以下 

  • 相关阅读:
    Linux安装MINIO
    C++构造函数
    2023年汉字小达人市级比赛在线模拟题来了,四种练习助力好成绩
    dreamweaver家乡主题网页设计 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载 HTML5期末大作业
    在虚拟机上安装win10/ubuntu的教程
    English语法_介词 - by
    C#实现生成Markdown文档目录树
    True Global Ventures新成立的1.46亿美元后续基金关账,其中普通合伙人认缴6,200万美元以对后期阶段的Web3赢家进行投资
    【我的日志】关于我可爱的新同事
    termux安装以及基本配置
  • 原文地址:https://blog.csdn.net/weixin_39706415/article/details/132764655