119 lines
2.5 KiB
Vue
119 lines
2.5 KiB
Vue
<template>
|
||
<up-popup :show="showDialog" round mode="bottom" @close="close()" catchtouchmove="preventD" :zIndex="202">
|
||
<view class="pageBox">
|
||
<view class="title">温馨提示</view>
|
||
<view class="box">
|
||
<view class="text">为给您提供更好的服务，允许我们在必要场景下，合理使用您的个人信息，并充分保障您的合法权利。
|
||
请您在使用前仔细查阅以下协议条款，点击"允许"即表示您已阅读并同意对应的协议内容。
|
||
</view>
|
||
<view class="link" @click="openPrivacyContract">《隐私协议》</view>
|
||
</view>
|
||
<view class="btnbox">
|
||
<button type="default" open-type="agreePrivacyAuthorization" id="agree-btn" class="agree" @agreeprivacyauthorization="handleAgree">允许</button>
|
||
<view class="btn" @click="refuse()">拒绝</view>
|
||
</view>
|
||
</view>
|
||
</up-popup>
|
||
</template>
|
||
|
||
<script>
|
||
import { ref, reactive, toRefs } from 'vue'
|
||
import { get, post } from '@/api/request.js'
|
||
export default {
|
||
props: {
|
||
showDialog: {
|
||
type: Boolean,
|
||
default: false
|
||
}
|
||
},
|
||
setup(props, context) {
|
||
const data = reactive({
|
||
Color: uni.getStorageSync('theme_color')
|
||
})
|
||
|
||
function handleAgree() {
|
||
context.emit('agree')
|
||
}
|
||
|
||
const preventD = () => {
|
||
return
|
||
}
|
||
|
||
function openPrivacyContract() {
|
||
uni.openPrivacyContract({
|
||
success: res => {
|
||
console.log('openPrivacyContract success')
|
||
},
|
||
fail: res => {
|
||
console.error('openPrivacyContract fail', res)
|
||
}
|
||
})
|
||
}
|
||
|
||
// 拒绝
|
||
function refuse() {
|
||
context.emit('refuse')
|
||
}
|
||
|
||
function close() {
|
||
context.emit('close')
|
||
}
|
||
|
||
return {
|
||
...toRefs(data),
|
||
handleAgree,
|
||
openPrivacyContract,
|
||
preventD,
|
||
refuse,
|
||
close
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.pageBox{
|
||
padding-bottom: 200rpx;
|
||
.title{
|
||
font-size: 32rpx;
|
||
color: #000;
|
||
font-weight: bold;
|
||
padding: 30rpx 0;
|
||
text-align: center;
|
||
}
|
||
.box{
|
||
padding: 0 30rpx;
|
||
font-size: 28rpx;
|
||
.text{
|
||
color: #555;
|
||
line-height: 50rpx;
|
||
}
|
||
.link{
|
||
color: #155BD4;
|
||
}
|
||
}
|
||
.btnbox{
|
||
width: 100%;
|
||
padding: 0 30rpx;
|
||
box-sizing: border-box;
|
||
font-size: 28rpx;
|
||
text-align: center;
|
||
margin-top: 60rpx;
|
||
.agree {
|
||
height: 70rpx;
|
||
display: flex;
|
||
font-size: 28rpx;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 100%;
|
||
background-color: v-bind('Color');
|
||
color: #fff;
|
||
border-radius: 10rpx;
|
||
}
|
||
.btn{
|
||
padding: 30rpx 0;
|
||
color: #666;
|
||
}
|
||
}
|
||
}
|
||
</style> |