<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>