119 lines
5.1 KiB
Vue
119 lines
5.1 KiB
Vue
<template>
|
||
<div class="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
|
||
<div class="max-w-4xl mx-auto bg-white rounded-xl shadow-md overflow-hidden">
|
||
<div class="p-8">
|
||
<h1 class="text-3xl font-bold text-center text-blue-600 mb-10 pb-6 border-b border-gray-200">
|
||
隐私声明
|
||
</h1>
|
||
|
||
<div class="space-y-8">
|
||
<!-- 声明内容 -->
|
||
<section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
|
||
<p class="text-gray-600 leading-relaxed">
|
||
我们重视您的隐私。本网站承诺对您的个人信息进行严格保密，未经您的许可，我们不会向任何第三方透露您的个人信息。
|
||
</p>
|
||
</section>
|
||
|
||
<!-- 信息收集范围 -->
|
||
<section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
|
||
<h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
|
||
<div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
|
||
信息收集范围
|
||
</h2>
|
||
<p class="text-gray-600 mb-4">在您浏览本网站时，我们可能会收集以下信息：</p>
|
||
<ul class="list-disc list-inside text-gray-600 space-y-2">
|
||
<li>必要的访问日志（IP地址、访问时间）</li>
|
||
<li>浏览器类型、操作系统等基本设备信息</li>
|
||
<li>访问页面的记录</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- 信息用途 -->
|
||
<section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
|
||
<h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
|
||
<div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
|
||
信息用途
|
||
</h2>
|
||
<p class="text-gray-600 mb-4">我们收集这些信息的目的是：</p>
|
||
<ul class="list-disc list-inside text-gray-600 space-y-2">
|
||
<li>优化网站性能和用户体验</li>
|
||
<li>进行网站安全维护</li>
|
||
<li>提供更好的服务支持</li>
|
||
</ul>
|
||
</section>
|
||
|
||
<!-- Cookie说明 -->
|
||
<section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
|
||
<h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
|
||
<div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
|
||
Cookie说明
|
||
</h2>
|
||
<p class="text-gray-600">
|
||
本网站使用Cookie来改善您的浏览体验。这些Cookie不会收集您的个人身份信息。您可以通过浏览器设置来管理或禁用Cookie。
|
||
</p>
|
||
</section>
|
||
|
||
<!-- 安全措施 -->
|
||
<section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
|
||
<h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
|
||
<div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
|
||
安全措施
|
||
</h2>
|
||
<p class="text-gray-600">
|
||
我们采用业界标准的安全措施来保护您的信息安全，包括但不限于：SSL加密传输、数据访问控制等。
|
||
</p>
|
||
</section>
|
||
|
||
<!-- 免责声明 -->
|
||
<section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
|
||
<h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
|
||
<div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
|
||
免责声明
|
||
</h2>
|
||
<p class="text-gray-600">
|
||
对于通过本网站链接到的第三方网站，我们不对其隐私保护措施负责。建议您在访问这些网站时查看其隐私政策。
|
||
</p>
|
||
</section>
|
||
|
||
<!-- 更新提醒 -->
|
||
<section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
|
||
<h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
|
||
<div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
|
||
更新提醒
|
||
</h2>
|
||
<p class="text-gray-600">
|
||
我们保留随时更新本隐私声明的权利。更新后的声明将在本页面公布，请您定期查看。
|
||
</p>
|
||
</section>
|
||
|
||
<!-- 联系方式 -->
|
||
<section class="hover:bg-gray-50 p-6 rounded-lg transition duration-300">
|
||
<h2 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
|
||
<div class="w-1 h-6 bg-blue-500 rounded mr-3"></div>
|
||
联系方式
|
||
</h2>
|
||
<div class="bg-gray-50 p-6 rounded-lg">
|
||
<p class="text-gray-600">如您对本隐私声明有任何疑问，请通过以下方式联系我们：</p>
|
||
<p class="text-gray-600 mt-2">📧 邮箱：contact@example.com</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 更新日期 -->
|
||
<div class="text-right text-gray-500 pt-6 border-t border-gray-200">
|
||
最后更新日期：2024年3月8日
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
definePageMeta({
|
||
layout: "header",
|
||
});
|
||
</script>
|
||
|
||
<style scoped>
|
||
|
||
</style> |