JiangxiMiniProgram/components/privacyPopup/privacyPopup.vue

<template>
	<view class="privacyPopup">
		<view class="h1">个人信息保护声明</view>
		<view class="content">
			<view class="nickName">亲爱的用户</view>
			<view class="text">
				感谢您信任并使用江西驾考公共服
				务平台小程序。我们深知个人信息对您
				的重要性，非常重视您的个人信息和隐
				私保护，并会尽全力保护您的个人信息
				安全可靠。我们承诺，我们将按业界成
				熟的安全标准，采取相应的安全保护措
				《隐私政策》帮助您了解我们收集、使
				用、存储和共享个人信息的情况。
				    在您注册成为学员的过程中，您需要
			</view>
		</view>
		<view class="btnBox">
			<view class="btn" @click="$emit('disagree')">不同意</view>
			<view class="btn right" @click="$emit('agree')">同意</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.privacyPopup {
		width: 558rpx;
		// height: 762rpx;
		position: relative;
		background: linear-gradient(180deg, #C1DFFE 0%, #FFFFFF 20%);
		border-radius: 16rpx;
		
	  .h1 {
		padding: 42rpx 0 0 0;
		font-size: 36rpx;
		color: #333;
		text-align: center;
		font-weight: 600;
	  }
	
	  .content {
		  padding: 30rpx 30rpx 120rpx 30rpx;
		  font-size: 28rpx;
		  color: #333;
	    .nickName {
			z-index: 2em;
	    }
	
	    .text {
			margin-top: 16rpx;
			z-index: 2em;
	    }
	  }
	
	  .btnBox {
		  width: 100%;
		  height: 110rpx;
		  border-top: 1rpx solid #E8E9EC;
		  display: flex;
		  padding: 30rpx 0;
		  position: absolute;
		  left: 0;
		  bottom: 0;
	    .btn {
			flex: 1;
			text-align: center;
			color: #ADADAD;
			font-size: 36rpx;
	    }
	
	    .btn.right {
			color: $themC;
	    }
	  }
	}
</style>