更新记录

1.0.6（2023-09-14）

-

1.0.5（2023-09-14）

新增不同页面可以调用不同的‘同意’和‘拒绝’事件代码示例 优化文档说明

1.0.4（2023-09-04）

1. 优化底部弹窗样式，适配tabbar页面和iPhonex机型
2. 去除isRead判断，不强制用户阅读隐私协议

平台兼容性

注意事项：

1.先在小程序后台设置用户隐私保护指引：设置-基本设置-服务内容声明-用户隐私保护指引,审核通过才能触发

2.小程序的基础库版本从 2.32.3 开始支持，所以要选这之后的版本

3.在上个月我首先发布插件后有很多开发者也发布了，有很多基于我的版本优化的，大家可以择优使用

1. 下载插件

下载插件后将 /components/privacy-popup 文件夹复制到你项目的/components 目录下

2. 引入插件

如果只在某些页面引入，在对应页面引入插件，然后引入template，例如：登录页或者首页

也可以在 app.vue 引入js,然后在需要使用的页面引入template

 <script>
    import PrivacyPopup from '@/components/privacy-popup/privacy-popup.vue';

    export default {
        components: {
            PrivacyPopup
        },   
    }
 </script>

默认显示在中间

<template> 
    <!-- #ifdef MP-WEIXIN -->
    <privacy-popup ref="privacyComponent"  ></privacy-popup> 
    <!-- #endif -->
</template>

如需显示在底部，增加position="bottom"

<template> 
    <!-- #ifdef MP-WEIXIN --> 
    <privacy-popup ref="privacyComponent" position="bottom" ></privacy-popup> 
    <!-- #endif -->
</template>

如果需要不同页面调用不同的同意事件或者拒绝事件 可以增加 ' @agree-privacy="onAgreePrivacy" @reject-privacy="onRejectPrivacy" '

<template> 
    <!-- #ifdef MP-WEIXIN --> 
    <privacy-popup ref="privacyComponent" position="bottom" @agree-privacy="onAgreePrivacy"
        @reject-privacy="onRejectPrivacy"></privacy-popup>
    <!-- #endif -->
</template>

<script>
    export default {

        data() {
            return {

            }
        },
        onLoad() {

        },

        methods: {
            onAgreePrivacy() {
                // 用户同意隐私政策
                // 在这里添加您想要执行的代码
                console.log('User agreed to the privacy policy');
            },
            onRejectPrivacy() {
                // 用户拒绝隐私政策
                // 在这里添加您想要执行的代码
                console.log('User rejected the privacy policy');
            },
        }
    }
</script>

3. manifest.json

切换为源码视图中添加usePrivacyCheck

  "mp-weixin" : {

          "__usePrivacyCheck__": true
    },

本插件参考文章：https://cloud.tencent.com/developer/article/2317960

小程序隐私保护官方开发文档：https://developers.weixin.qq.com/miniprogram/dev/framework/user-privacy