186 lines
4.9 KiB
Vue
186 lines
4.9 KiB
Vue
<template>
|
||
<view class="privacy-page">
|
||
<!-- 导航栏 -->
|
||
<!-- <view class="nav-bar">
|
||
<view class="nav-back" @click="goToBack">
|
||
<uni-icons type="left" size="20" color="#333"></uni-icons>
|
||
<text class="back-text">返回</text>
|
||
</view>
|
||
<view class="nav-title">隐私协议</view>
|
||
</view> -->
|
||
|
||
<!-- 协议内容 -->
|
||
<scroll-view class="privacy-content" scroll-y>
|
||
<view class="content-wrap">
|
||
<view class="title">隐私政策</view>
|
||
|
||
<view class="section">
|
||
<!-- <view class="section-title">一、适用范围</view> -->
|
||
<view class="section-text">
|
||
欢迎使用我们的产品/服务（以下统称“服务”）。我们高度重视用户隐私保护，
|
||
致力于为您提供安全、可靠的服务体验。本隐私政策旨在向您说明我们如何收集、使用、存储、保护您的个人信息，
|
||
以及您享有的相关权利。请您在使用我们的服务前，仔细阅读并理解本政策全部内容，
|
||
一旦您使用我们的服务，即视为您同意本政策的所有条款。
|
||
一、我们收集的个人信息 为了向您提供更优质、个性化的服务，我们会根据服务功能的需要，收集您主动提供或在使用服务过程中产生的个人信息，
|
||
具体如下： （一）您主动提供的信息 账户注册信息：当您注册我们的账户时，您可能需要提供姓名、手机号码、电子邮箱、密码等信息，用于身份验证、账户登录及找回。
|
||
服务相关信息：根据您使用的具体服务，您可能需要提供相关补充信息（如使用客服咨询服务时，提供问题描述及相关凭证；使用交易类服务时，提供收货地址、支付相关信息等）。
|
||
自愿提交的信息：您主动向我们反馈的意见、建议，或参与我们的问卷调查、活动时提交的相关信息。
|
||
若您通过第三方平台（如微信、支付宝、QQ等）登录我们的服务，我们会根据您的授权，
|
||
从第三方获取您的相关账户信息（如昵称、头像），用于完成登录及账户绑定，
|
||
我们不会获取第三方平台的其他未授权信息。
|
||
|
||
</view>
|
||
</view>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</view>
|
||
</scroll-view>
|
||
<!-- 底部同意按钮（新增） -->
|
||
<!-- <view class="agree-btn-wrap" v-if="needAgree">
|
||
<button class="agree-btn" @click="agreePrivacy">同意隐私政策</button>
|
||
</view> -->
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { onLoad } from '@dcloudio/uni-app';
|
||
|
||
// 返回上一页
|
||
const navigateBack = () => {
|
||
uni.navigateBack({
|
||
delta: 1
|
||
});
|
||
};
|
||
// 页面加载
|
||
onLoad((options) => {
|
||
// 判断是否需要同意
|
||
if (options.needAgree === '1') {
|
||
needAgree.value = true;
|
||
}
|
||
});
|
||
|
||
// 返回上一页
|
||
const goToBack = () => {
|
||
uni.navigateBack({
|
||
delta: 1
|
||
});
|
||
};
|
||
|
||
// 同意隐私政策（新增）
|
||
// const agreePrivacy = () => {
|
||
// // #ifdef MP-WEIXIN
|
||
// wx.requirePrivacyAuthorize({
|
||
// success: () => {
|
||
// uni.showToast({
|
||
// title: '已同意隐私政策',
|
||
// icon: 'success'
|
||
// });
|
||
// // 记录授权状态（可选，存入本地缓存）
|
||
// uni.setStorageSync('privacyAgreed', true);
|
||
// navigateBack();
|
||
// },
|
||
// fail: () => {
|
||
// uni.showToast({
|
||
// title: '授权失败',
|
||
// icon: 'none'
|
||
// });
|
||
// }
|
||
// });
|
||
// // #endif
|
||
|
||
// // 非微信小程序直接标记同意
|
||
// // #ifndef MP-WEIXIN
|
||
// uni.setStorageSync('privacyAgreed', true);
|
||
// uni.showToast({
|
||
// title: '已同意隐私政策',
|
||
// icon: 'success'
|
||
// });
|
||
// navigateBack();
|
||
// // #endif
|
||
// };
|
||
</script>
|
||
|
||
<style scoped>
|
||
.privacy-page {
|
||
min-height: 100vh;
|
||
background-color: #f8f8f8;
|
||
}
|
||
|
||
/* 导航栏 */
|
||
.nav-bar {
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 20rpx;
|
||
background-color: #fff;
|
||
border-bottom: 1rpx solid #eee;
|
||
}
|
||
.nav-back {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.back-text {
|
||
font-size: 30rpx;
|
||
color: #333;
|
||
margin-left: 10rpx;
|
||
}
|
||
.nav-title {
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
margin-left: 60rpx;
|
||
}
|
||
|
||
/* 协议内容 */
|
||
.privacy-content {
|
||
height: calc(100vh - 88rpx);
|
||
}
|
||
.content-wrap {
|
||
padding: 30rpx;
|
||
}
|
||
.title {
|
||
font-size: 28rpx;
|
||
font-weight: 600;
|
||
text-align: center;
|
||
margin-bottom: 40rpx;
|
||
color: #333;
|
||
}
|
||
.section {
|
||
margin-bottom: 30rpx;
|
||
padding: 0 20rpx;
|
||
}
|
||
.section-title {
|
||
font-size: 30rpx;
|
||
font-weight: 500;
|
||
color: #333;
|
||
margin-bottom: 10rpx;
|
||
}
|
||
.section-text {
|
||
font-size: 28rpx;
|
||
line-height: 1.6;
|
||
color: #666;
|
||
}
|
||
/* 同意按钮样式（新增） */
|
||
.agree-btn-wrap {
|
||
padding: 20rpx;
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
background-color: #fff;
|
||
border-top: 1rpx solid #eee;
|
||
}
|
||
.agree-btn {
|
||
background-color: #007aff;
|
||
color: #fff;
|
||
border-radius: 8rpx;
|
||
height: 88rpx;
|
||
font-size: 32rpx;
|
||
}
|
||
</style> |