wangfukang
5 days ago
6 changed files with 433 additions and 160 deletions
@ -0,0 +1,25 @@ |
|||
<template> |
|||
<web-view :src="url"></web-view> |
|||
</template> |
|||
|
|||
<script> |
|||
const DEFAULT_URL = 'https://hbkuaishi.com/yinsi.html' |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
url: DEFAULT_URL |
|||
} |
|||
}, |
|||
onLoad(options) { |
|||
if (options && options.url) { |
|||
this.url = decodeURIComponent(options.url) |
|||
} |
|||
if (options && options.title) { |
|||
uni.setNavigationBarTitle({ |
|||
title: decodeURIComponent(options.title) |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,152 @@ |
|||
<template> |
|||
<view class="privacy-page"> |
|||
<view class="privacy-card"> |
|||
<view class="privacy-title">隐私政策提示</view> |
|||
<scroll-view class="privacy-content" scroll-y> |
|||
<text> |
|||
欢迎使用半径里商家端！我们非常重视您的个人信息和隐私保护。在您使用本应用前，请认真阅读 |
|||
</text> |
|||
<text class="privacy-link" @click="openPrivacyPolicy">《隐私政策》</text> |
|||
<text> |
|||
，了解我们如何收集、使用、存储和保护您的个人信息，以及您享有的相关权利。点击“同意并进入”表示您已阅读并同意隐私政策内容。 |
|||
</text> |
|||
</scroll-view> |
|||
<view class="privacy-actions"> |
|||
<button class="privacy-button privacy-button-cancel" @click="reject">不同意</button> |
|||
<button class="privacy-button privacy-button-confirm" @click="agree">同意并进入</button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
const PRIVACY_POLICY_URL = 'https://hbkuaishi.com/yinsi.html' |
|||
|
|||
export default { |
|||
onLoad() { |
|||
if (uni.getStorageSync('privacyPolicyAgreed')) { |
|||
this.goHome() |
|||
} |
|||
}, |
|||
methods: { |
|||
openPrivacyPolicy() { |
|||
uni.navigateTo({ |
|||
url: '/pages/common/webview?title=' + encodeURIComponent('隐私政策') + '&url=' + |
|||
encodeURIComponent(PRIVACY_POLICY_URL) |
|||
}) |
|||
}, |
|||
agree() { |
|||
uni.setStorageSync('privacyPolicyAgreed', true) |
|||
const app = getApp() |
|||
const appVm = app && (app.$vm || app) |
|||
if (appVm && appVm.initAfterPrivacyAgreement) { |
|||
appVm.initAfterPrivacyAgreement() |
|||
} else if (app && app.globalData && app.globalData.initAfterPrivacyAgreement) { |
|||
app.globalData.initAfterPrivacyAgreement() |
|||
} |
|||
this.goHome() |
|||
}, |
|||
reject() { |
|||
uni.showModal({ |
|||
title: '提示', |
|||
content: '需要同意《隐私政策》后才能继续使用本应用。', |
|||
confirmText: '查看政策', |
|||
cancelText: '退出应用', |
|||
success: (res) => { |
|||
if (res.confirm) { |
|||
this.openPrivacyPolicy() |
|||
} else { |
|||
this.quitApp() |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
quitApp() { |
|||
// #ifdef APP-PLUS |
|||
if (typeof plus !== 'undefined' && plus.runtime && plus.runtime.quit) { |
|||
plus.runtime.quit() |
|||
return |
|||
} |
|||
// #endif |
|||
uni.showToast({ |
|||
title: '请同意隐私政策后继续使用', |
|||
icon: 'none' |
|||
}) |
|||
}, |
|||
goHome() { |
|||
uni.reLaunch({ |
|||
url: '/pages/index/index' |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
page { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.privacy-page { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
width: 100%; |
|||
height: 100%; |
|||
background: rgba(0, 0, 0, 0.45); |
|||
} |
|||
|
|||
.privacy-card { |
|||
width: 620rpx; |
|||
padding: 40rpx 32rpx 32rpx; |
|||
border-radius: 20rpx; |
|||
background: #fff; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.privacy-title { |
|||
color: #333; |
|||
font-size: 34rpx; |
|||
font-weight: 700; |
|||
text-align: center; |
|||
} |
|||
|
|||
.privacy-content { |
|||
max-height: 420rpx; |
|||
margin-top: 28rpx; |
|||
color: #555; |
|||
font-size: 28rpx; |
|||
line-height: 46rpx; |
|||
} |
|||
|
|||
.privacy-link { |
|||
color: #FF5725; |
|||
font-weight: 700; |
|||
} |
|||
|
|||
.privacy-actions { |
|||
display: flex; |
|||
flex-direction: row; |
|||
margin-top: 36rpx; |
|||
} |
|||
|
|||
.privacy-button { |
|||
flex: 1; |
|||
height: 78rpx; |
|||
border-radius: 39rpx; |
|||
font-size: 28rpx; |
|||
line-height: 78rpx; |
|||
} |
|||
|
|||
.privacy-button-cancel { |
|||
margin-right: 20rpx; |
|||
color: #666; |
|||
background: #f2f2f2; |
|||
} |
|||
|
|||
.privacy-button-confirm { |
|||
color: #fff; |
|||
background: #FF5725; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue