uniapp 微信小程序隐私授权

uniapp 微信小程序隐私授权封装

不过现在也用不上了,微信官方出了弹窗 恶心开发者呢
该封装主要是为了想使用自己弹窗
安装uview u-modal为uview组件

<template>
  
  <u-modal v-model="show" title="用户隐私保护提示" @cancel="show = false" @confirm="show = false">
    <view class="padding-xl">
      <view>感谢您使用本小程序,您使用本小程序前应当阅井同意view>
      <view class="text-blue" @click="handleOpenPrivacyContract">《用户隐私保护指引》view>
      <view>当您点击同意并开始时用产品服务时,即表示你已理解并同息该条款内容,该条款将对您产生法律约束力。如您拒绝,将无法进入小程序。view>
    view>
    <view slot="confirm-button" class="flex">
      <button id="agree-btn" class="modal-button" open-type="agreePrivacyAuthorization"
        @agreeprivacyauthorization="handleAgreePrivacyAuthorization">确认button>
    view>
  u-modal>
template>
<script>
  export default {
    name: "Privacypopup",
    data() {
      return {
        show: false,
        resolvePrivacyAuthorization: null
      };
    },
    created() {
      wx.onNeedPrivacyAuthorization(resolve => {
        this.resolvePrivacyAuthorization = resolve
        console.log('需要用户同意隐私授权')
        // 需要用户同意隐私授权时
        // 弹出开发者自定义的隐私授权弹窗
        this.show = true
      })
    },
    methods: {
      // 用户同意隐私协议事件回调
      handleAgreePrivacyAuthorization() {
        console.log('用户同意隐私协议事件回调')
        uni.setStorageSync('privacySetting', true)
        this.show = false
        this.resolvePrivacyAuthorization({
          buttonId: 'agree-btn',
          event: 'agree'
        });
        // 用户同意隐私协议事件回调
        // 用户点击了同意,之后所有已声明过的隐私接口和组件都可以调用了
      },
      // 打开隐私协议页面
      handleOpenPrivacyContract() {
        wx.openPrivacyContract({
          success: () => {}, // 打开成功
          fail: () => {}, // 打开失败
          complete: () => {}
        })
      },

    }
  }
script>

<style lang="scss">
  .modal-button {
    flex: 1;
    border: 0px;
    box-shadow: 0px;
    background-color: white;
    border-radius: 0;
  }

  .modal-button::after {
    border: 0px;
    border-right: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0;
  }
style>

你可能感兴趣的:(uni-app,微信小程序,小程序)