You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.7 KiB
73 lines
1.7 KiB
<template>
|
|
<view>
|
|
<view v-if="showPrivacyPopup" class="privacy-popup">
|
|
<view class="privacy-content">
|
|
<scroll-view>
|
|
<text>请您务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款，包括但不限于：为了向您提供服务，我们会收集您的设备信息、操作日志等个人信息。您可以在“设置”中查看、变更、删除个人信息并管理您的授权。您可阅读完整版的《隐私政策》了解详细信息。</text>
|
|
</scroll-view>
|
|
<view class="privacy-buttons">
|
|
<button @click="declinePrivacy">不同意</button>
|
|
<button @click="acceptPrivacy">同意</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name:"PrivacyPolicyPopup",
|
|
props: {
|
|
show: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
showPrivacyPopup: this.show
|
|
}
|
|
},
|
|
methods: {
|
|
acceptPrivacy() {
|
|
this.showPrivacyPopup = false;
|
|
this.$emit('accept');
|
|
},
|
|
declinePrivacy() {
|
|
this.showPrivacyPopup = false;
|
|
this.$emit('decline');
|
|
}
|
|
},
|
|
watch: {
|
|
show(newVal) {
|
|
this.showPrivacyPopup = newVal;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.privacy-popup {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.privacy-content {
|
|
width: 80%;
|
|
background-color: #fff;
|
|
padding: 20px;
|
|
border-radius: 10px;
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.privacy-buttons {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 20px;
|
|
}
|
|
</style>
|