文件
xionggeshop/xgsc.gynhc.com_wx/components/shopro-protocol/shopro-protocol.vue
2026-09-14 17:24:53 +08:00

84 行
2.0 KiB
Vue

<template>
<view class="protocol">
<u-modal v-model="showModel" @confirm="handleConfrim" @cancel="handleCancel" confirm-text="同意"
cancel-text="暂不使用" show-cancel-button title="用户协议和隐私政策">
<view class="slot-content">
请您务必仔细阅读,充分理解用户协议和隐私政策各条款,包括但不限于为了向您提供在线交易在线支付,内容分享等服务,我们需要收集您设备信息和个人信息,您可以在设置中查看,管理您的授权。您可阅读<text
@tap="handleToProtocol(1)">《隐私政策》</text>和<text
@tap="handleToProtocol(2)">《用户协议》</text>了解详细信息,如您同意,请点击同意接受我们的服务。
</view>
</u-modal>
</view>
</template>
<script>
export default {
props: {
show: {
type: Boolean,
default: false
}
},
components: {},
data() {
return {
showModel: false
};
},
computed: {},
mounted() {
/* #ifdef APP-PLUS */
let protocol = uni.getStorageSync('protocol');
// #ifdef APP-VUE
// protocol = plus.runtime.isAgreePrivacy()
// #endif
if (!protocol) {
this.showModel = this.show;
}
/* #endif */
},
methods: {
handleConfrim() {
uni.setStorageSync('protocol', 'protocol');
this.showModel = false;
},
handleCancel() {
this.showModel = false;
if (uni.getSystemInfoSync().platform === 'android') {
plus.runtime.quit();
} else if (uni.getSystemInfoSync().platform === 'ios') {
// 在iOS平台上,通常只能将应用置于后台
plus.runtime.quit();
// 或者
uni.navigateBack();
}
},
handleToProtocol(type) {
if (type == 1) {
uni.navigateTo({
url: '/pages/index/protocol'
});
} else {
uni.navigateTo({
url: '/pages/index/user-protocol'
});
}
}
}
};
</script>
<style lang="scss" scoped>
.slot-content {
margin: 40rpx 30rpx;
font-size: 26rpx;
line-height: 1.8;
text {
color: #2979ff;
}
}
</style>