<!--
 * @Date: 2023-09-09 14:49:5
 * @LastEditTime: 2023-12-04 10:15:14
 * @Description: content
-->
<template>
  <uni-popup ref="_priv_pop" type="center" :mask-click="false">
    <view class="_priv_pop_shadow"></view>
    <view class="_priv_pop">
      <view class="_priv_pop_bd_title">隐私保护指引</view>
      <view class="_priv_pop_bd_content">
        感谢选择我们的产品,我们非常重视您的个人信息安全和隐私保护.根据最新法律要求,使用我们的产品前,请仔细阅读
        <text @click="$c.to({ url: '/pages/guize/guize?type=5' })">
          《{{ $config.getAppSetting("app_name") }}隐私保护指引》
        </text>
        ,以便我们向您提供更优质的服务!
      </view>
      <view class="_priv_pop_bd_content">
        我们将尽全力保护您的个人信息及合法权益,感谢您的信任!
      </view>
      <view class="_priv_pop_ft">
        <view class="_priv_pop_ft_btn">
          <navigator
            class="hide"
            open-type="exit"
            target="miniProgram"
          ></navigator>
          拒绝
        </view>
        <view @click="confirm" class="_priv_pop_ft_btn confirm">同意</view>
      </view>
    </view>
  </uni-popup>
</template>

<script>
export default {
  data() {
    return {}
  },
  mounted() {
    const agree = uni.getStorageSync('_agree_priv')
    if (!agree) this.$refs._priv_pop.open()
  },
  methods: {
    confirm() {
      this.$refs._priv_pop.close()
      uni.setStorageSync('_agree_priv', true)
    }
  }
}
</script>

<style lang="scss">
._priv_pop {
  width: 600rpx;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 0 50rpx;
  background-color: #fff;
  border-radius: 10rpx 10rpx 10rpx 10rpx;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  // background-image: linear-gradient(to right, #1d1d25, #1d1d25),
  //   linear-gradient(90deg, #6adeff, #7ab5ff, #ff7feb);
  // box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(176, 128, 255, 0.8);

  ._priv_pop_bd_title {
    padding: 50rpx 0 40rpx;
    text-align: center;

    font-size: 34rpx;
    color: #000;
    font-weight: bold;
  }

  ._priv_pop_bd_content {
    color: #666;
    font-size: 26rpx;
    line-height: 1.7;

    text {
      color: #03D8F4;
    }
  }

  ._priv_pop_ft {
    display: flex;
    justify-content: space-between;
    padding: 50rpx 0;

    ._priv_pop_ft_btn {
      width: 180rpx;
      height: 70rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      background: #03D8F4;
      border-radius: 40rpx;
      filter: grayscale(1);
      font-size: 30rpx;
      color: #404040;

      .hide {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 1;
      }

      &.confirm {
        width: 300rpx;
        z-index: 1;
        border: 0;
        filter: grayscale(0);
        color: #404040;
      }
    }
  }
}
</style>
