更新记录

1.0.0（2023-09-14）

微信用户隐私授权弹窗组件

平台兼容性

ssha-privacy

用户隐私授权弹窗组件

【关于小程序隐私保护指引设置的公告】(https://developers.weixin.qq.com/community/develop/doc/00042e3ef54940ce8520e38db61801?blockType=1&page=1#comment-list)

组件用于显示用户隐私授权弹窗，用户可以选择同意或不同意隐私协议。 组件依赖uni-popup。

Props

Events

使用示例

<template>
  <view>
  <!-- #ifdef MP-WEIXIN -->
  <!--基本用法-->
  <ssha-privacy
    ref="sshaPrivacy"
    @disagree="privacyDisagree"
    @agree="privacyAgree"
    title="用户隐私保护提示"
    desc="亲爱的用户，为了更好地保护您的权益，同时遵守相关监管要求，请认真阅读并同意"
    protocol="《用户隐私保护指引》"
    sub="当您点击同意后，即表示您已理解并同意该条款内容，该条款将对您产生法律约束力。如您拒绝，将无法使用该服务。"
  ></ssha-privacy>

  <!--授权同意后获取微信用户信息-->
  <ssha-privacy
    ref="sshaPrivacy"
    @disagree="privacyDisagree"
    @agree="privacyAgree"
    @getUserInfo="getUserInfo"
    openType="getUserInfo"
    title="用户隐私保护提示"
    desc="亲爱的用户，为了更好地保护您的权益，同时遵守相关监管要求，请认真阅读并同意"
    protocol="《用户隐私保护指引》"
    sub="当您点击同意后，即表示您已理解并同意该条款内容，该条款将对您产生法律约束力。如您拒绝，将无法使用该服务。"
  ></ssha-privacy>

  <!--授权同意后获取微信绑定的手机号-->
  <ssha-privacy
    ref="sshaPrivacy"
    @disagree="privacyDisagree"
    @agree="privacyAgree"
     @getPhoneNumber="getPhoneNumber"
    openType="getPhoneNumber"
    title="用户隐私保护提示"
    desc="亲爱的用户，为了更好地保护您的权益，同时遵守相关监管要求，请认真阅读并同意"
    protocol="《用户隐私保护指引》"
    sub="当您点击同意后，即表示您已理解并同意该条款内容，该条款将对您产生法律约束力。如您拒绝，将无法使用该服务。"
  ></ssha-privacy>  

  <!-- #endif -->
  </view>
</template>
<script>

export default {
  methods: {
    //检查隐私协议
    checkPrivacySetting(){
        // #ifdef MP-WEIXIN
        let ths = this;
        wx.getPrivacySetting({
          success: res => {
            if (!res.needAuthorization) {
              // 需要弹出隐私协议
              // ths.$refs.sshaPrivacy.openDialog();
            }
          },
          fail: () => {},
          complete: () => {}
        });
        // #endif
    },
    //显示弹窗
    showPrivacyDialog(){
        this.$refs.sshaPrivacy.openDialog();
    },
    privacyDisagree() {
      // 处理用户拒绝授权的逻辑
    },
    privacyAgree() {
      // 处理用户同意授权的逻辑
    },
    getPhoneNumber(e) {//openType:'getUserInfo'
      // 处理获取用户手机号信息回调
    },
    getUserInfo(e){//openType:'getPhoneNumber'
        // 处理用户信息回调
    },

  }
}
</script>