yogaApp/components/privacy-agreement.vue

<template>
	<uni-popup ref="privacyDialog" type="dialog" style="top:0; bottom: 0;z-index: 9999;">
		<uni-popup-dialog :before-close="true" type="info" mode="base" cancelText="暂不同意并退出APP" confirmText="同意并接受" title="隐私政策" 
		@confirm="agreeEnter"
		@close="exitapply">
		<view class="privacy_con">
			<!-- <view class="title">隐私政策</view> -->
			<view class="content_privacy">
				<text>欢迎使用瑜伽汇APP！本应用尊重并保护所有用户的个人隐私权。为了给您提供更准确、更有个性化的服务，本应用会按照隐私政策的规定使用和披露您的个人信息。可阅读</text>
				<navigator url="/pages/user/infofw" class="navigator">《用户服务协议》</navigator>
				<text>和</text>
				<navigator url="/pages/user/infoys" class="navigator">《隐私政策条款》</navigator>
				<text>了解详细信息。如果您同意，请点击下面按钮开始接受我们的服务。</text>
			</view>
			<!-- <view class="btn">
				<button class="no_btn" @click="exitapply">暂不同意并退出APP</button>
				<button class="yes_btn" @click="agreeEnter">同意并接受</button>
			</view> -->
		</view>
		</uni-popup-dialog>
	</uni-popup>
</template>

<script>
export default {
	data() {
		return {
		};
	},
	methods: {
		open(){
			this.$refs.privacyDialog.open();
		},
		close(){
			this.$refs.privacyDialog.close();
		},
		// 退出应用
		exitapply(){
			if (plus.os.name.toLowerCase() === 'android') {
				plus.runtime.quit(); // 安卓退出应用
				console.log('安卓');
			} else { 
				console.log('ios');
				plus.ios.import('UIApplication').sharedApplication().performSelector('exit');  // iOS退出应用
			}
		},
		// 同意并进入应用
		agreeEnter(){
			uni.setStorageSync("firstLaunchFlag", true)
			plus.runtime.agreePrivacy()
			this.close();
		}
	},
};
</script>

<style lang="scss" scoped>
 
.privacy_con{
	width: 630rpx;
	background: linear-gradient(to bottom, #f5f5f5, #f5f5f5);
	border-radius: 32rpx;
	.title{
		width: 630rpx;
		height: 100rpx;
		color: #422206;
		font-size: 34rpx;
		font-weight: 600;
		line-height: 100rpx;
		text-align: center;
	}
	
	.content_privacy{
		width: 100%;
		padding: 0 32rpx;
		color: #232323;
		font-size: 28rpx;
		margin-top: 30rpx;
		margin-bottom: 20rpx;
		line-height: 42rpx;
		
		.navigator {
			color: #00a89b;
			font-weight: 500;
			display: inline-block;
		}
	}
	
	.btn{
		height: 100rpx;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		
		button{
			width: 262rpx;
			height: 88rpx;
			border-radius: 78rpx 78rpx 78rpx 78rpx;
	
			font-weight: bold;
			font-size: 28rpx;
			line-height: 88rpx;
			text-align: center;
		}
		
		.no_btn{
			background: #FAFAF9;
			color: #898B96;
		}
		
		.yes_btn{
			background-color: #00a89b;
			color: #FFFFFF;
		}
	}
}
</style>