248 lines
12 KiB
Vue
248 lines
12 KiB
Vue
<template>
|
||
<view class="agreement-page">
|
||
<!-- 顶部导航栏 -->
|
||
<view class="nav-bar">
|
||
<view class="nav-left" @click="goBack">
|
||
<uni-icons type="back" size="28" color="#333"></uni-icons>
|
||
</view>
|
||
<view class="nav-title">隐私政策</view>
|
||
<view class="nav-right"></view>
|
||
</view>
|
||
|
||
<!-- 内容区域 -->
|
||
<scroll-view class="content" scroll-y>
|
||
<view class="agreement-content">
|
||
<!-- 协议标题 -->
|
||
<view class="agreement-title">隐私政策</view>
|
||
|
||
<!-- 重要提示 -->
|
||
<view class="important-tip">
|
||
在您注册、登录、使用本小程序服务之前，请您务必审慎阅读、充分理解本协议各条款内容，特别是以加粗形式提示您注意的、关于免除或限制责任、争议解决及法律适用的条款。一旦您以任何方式访问、使用本小程序，即表示您已同意接受本协议及我们另行发布的《隐私政策》的全部内容约束。如您不同意本协议的任何内容，请立即停止使用本小程序。
|
||
</view>
|
||
|
||
<view class="important-tip">
|
||
如果您未满18周岁，请在法定监护人的陪同下阅读和判断是否同意本协议，并特别注意未成年人使用条款。
|
||
</view>
|
||
|
||
<!-- 第二部分：隐私政策 -->
|
||
<view class="section">
|
||
<view class="section-title">第二部分：隐私政策</view>
|
||
|
||
<view class="section-content">
|
||
<view class="paragraph-text">
|
||
我们深知个人信息对您的重要性，并致力于保护您的隐私安全。本政策将说明我们如何收集、使用、存储和共享您的个人信息。
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 一、我们如何收集和使用您的信息 -->
|
||
<view class="section-subtitle">一、 我们如何收集和使用您的信息</view>
|
||
<view class="section-content">
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">1.1 微信授权信息：</view>
|
||
<view class="paragraph-text">当您使用微信登录时，我们会收集您的微信头像、昵称、地区及OpenID，用于为您创建账号、识别用户身份并提供核心服务。拒绝提供该信息将使您无法使用本小程序的核心功能。</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">1.2 您主动提供的信息：</view>
|
||
<view class="paragraph-text">根据您使用的服务类型，您可能会主动向我们提供 【例如：手机号码、收货地址、实名认证信息、发布的内容、上传的图片等】 ，我们将严格按本政策约定使用这些信息。</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">1.3 设备与日志信息：</view>
|
||
<view class="paragraph-text">为保障运营安全与质量，我们会自动收集您的设备型号、操作系统版本、唯一设备标识符、IP地址、访问时间、在小程序内的操作行为等日志信息。</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">1.4 位置信息（如需）：</view>
|
||
<view class="paragraph-text">对于 【例如：本地服务、地图导航】 类小程序，在获得您的授权后，我们可能会收集您的精确或粗略位置信息，以提供相关服务。</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 二、我们如何使用Cookie和同类技术 -->
|
||
<view class="section-subtitle">二、 我们如何使用Cookie和同类技术</view>
|
||
<view class="section-content">
|
||
<view class="paragraph-text">
|
||
我们可能使用Cookie和本地存储来记录您的偏好、登录状态，以优化您的使用体验。您可以在微信或设备设置中清除这些数据，但这可能会导致部分服务功能无法正常使用。
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 三、我们如何共享、转让、公开披露您的信息 -->
|
||
<view class="section-subtitle">三、 我们如何共享、转让、公开披露您的信息</view>
|
||
<view class="section-content">
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">3.1 共享：</view>
|
||
<view class="paragraph-text">我们不会与任何公司、组织和个人共享您的个人信息，但以下情况除外：</view>
|
||
</view>
|
||
|
||
<view class="paragraph-text">
|
||
* 事先获得您的明确授权；<br>
|
||
* 根据法律法规、司法程序或政府机关的要求；<br>
|
||
* 为保护我们、我们的关联方或公众的财产和安全免遭损害而有必要提供。
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">3.2 转让与公开披露：</view>
|
||
<view class="paragraph-text">我们不会将您的个人信息转让给任何公司、组织和个人，也不会公开披露您的个人信息，除非获得您的单独同意或法律法规的强制性要求。</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 四、我们如何存储和保护您的信息 -->
|
||
<view class="section-subtitle">四、 我们如何存储和保护您的信息</view>
|
||
<view class="section-content">
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">4.1 </view>
|
||
<view class="paragraph-text">我们在中华人民共和国境内运营，您的个人信息将存储于中国境内。我们会采取符合行业标准的安全技术和管理措施（如数据加密、访问控制）来保护您的信息，防止其被未经授权的访问、使用或泄露。</view>
|
||
</view>
|
||
|
||
<view class="paragraph">
|
||
<view class="paragraph-title">4.2 </view>
|
||
<view class="paragraph-text">我们仅会在达成本政策所述目的所需的期限内保留您的个人信息，除非法律有强制的留存要求。</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 五、您的权利 -->
|
||
<view class="section-subtitle">五、 您的权利</view>
|
||
<view class="section-content">
|
||
<view class="paragraph-text">
|
||
您有权：
|
||
</view>
|
||
|
||
<view class="paragraph-text">
|
||
访问、更正、删除您的个人信息；<br>
|
||
改变您授权同意的范围；<br>
|
||
注销您的账号。
|
||
</view>
|
||
|
||
<view class="paragraph-text">
|
||
您可以通过小程序内的"联系客服"或发送邮件至 【您的客服邮箱】 来行使上述权利。我们将在15个工作日内响应您的请求。
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 六、未成年人保护 -->
|
||
<view class="section-subtitle">六、 未成年人保护</view>
|
||
<view class="section-content">
|
||
<view class="paragraph-text">
|
||
我们非常重视对未成年人个人信息的保护。若您是18周岁以下的未成年人，请在您的监护人指导下使用我们的服务。如果我们发现在未获得监护人同意的情况下收集了未成年人的个人信息，我们会设法尽快删除相关数据。
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 七、政策更新 -->
|
||
<view class="section-subtitle">七、 政策更新</view>
|
||
<view class="section-content">
|
||
<view class="paragraph-text">
|
||
我们可能会适时更新本政策。更新后，我们会在本小程序发布最新版本，并通过显著方式提醒您。请您定期查阅。
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { ref } from 'vue';
|
||
|
||
const goBack = () => {
|
||
uni.navigateBack();
|
||
};
|
||
</script>
|
||
|
||
<style lang="stylus" scoped>
|
||
.agreement-page
|
||
min-height: 100vh
|
||
background: #f5f5f5
|
||
|
||
.nav-bar
|
||
height: 88rpx
|
||
background: #fff
|
||
display: flex
|
||
align-items: center
|
||
justify-content: space-between
|
||
padding: 0 32rpx
|
||
box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.05)
|
||
position: sticky
|
||
top: 0
|
||
z-index: 10
|
||
|
||
.nav-left
|
||
.nav-right
|
||
width: 80rpx
|
||
height: 88rpx
|
||
display: flex
|
||
align-items: center
|
||
|
||
.nav-left
|
||
justify-content: flex-start
|
||
|
||
.nav-right
|
||
justify-content: flex-end
|
||
|
||
.nav-title
|
||
font-size: 32rpx
|
||
font-weight: 600
|
||
color: #333
|
||
|
||
.content
|
||
flex: 1
|
||
|
||
.agreement-content
|
||
padding: 32rpx
|
||
background: #fff
|
||
margin: 20rpx
|
||
border-radius: 16rpx
|
||
|
||
.agreement-title
|
||
font-size: 36rpx
|
||
font-weight: 700
|
||
color: #333
|
||
text-align: center
|
||
margin-bottom: 40rpx
|
||
|
||
.important-tip
|
||
background: #f0f5ff
|
||
border-left: 8rpx solid #256bfa
|
||
padding: 24rpx
|
||
margin-bottom: 40rpx
|
||
font-size: 28rpx
|
||
line-height: 1.6
|
||
color: #333
|
||
|
||
.section
|
||
margin-bottom: 48rpx
|
||
|
||
.section-title
|
||
font-size: 32rpx
|
||
font-weight: 600
|
||
color: #333
|
||
margin-bottom: 32rpx
|
||
padding-bottom: 16rpx
|
||
border-bottom: 2rpx solid #f0f0f0
|
||
|
||
.section-subtitle
|
||
font-size: 28rpx
|
||
font-weight: 600
|
||
color: #333
|
||
margin-bottom: 24rpx
|
||
|
||
.section-content
|
||
margin-bottom: 32rpx
|
||
|
||
.paragraph
|
||
display: flex
|
||
margin-bottom: 24rpx
|
||
|
||
.paragraph-title
|
||
font-weight: 500
|
||
color: #333
|
||
min-width: 120rpx
|
||
flex-shrink: 0
|
||
|
||
.paragraph-text
|
||
font-size: 26rpx
|
||
line-height: 1.6
|
||
color: #666
|
||
flex: 1
|
||
|
||
.paragraph:last-child
|
||
margin-bottom: 0
|
||
</style> |