yfs/components/priv-pop/priv-pop.vue
2025-03-22 15:50:14 +08:00

127 lines
3.0 KiB
Vue

<!--
* @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: #aaa;
font-size: 26rpx;
line-height: 1.7;
text {
color: #d0d1ff;
}
}
._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: #D8FD24;
border-radius: 40rpx;
filter: grayscale(1);
font-size: 30rpx;
color: #fff;
.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: #000;
}
}
}
}
</style>