<template>
	<view class="radioWrap">
		<u-checkbox-group>
			<u-checkbox :checked="isCheck" shape="circle" label="已阅读并同意" activeColor="#DE3A26" :labelSize="12"
				@change="changeRadio">已阅读并同意</u-checkbox>
		</u-checkbox-group>
		<view class="privacyText">
			<text @click="goPage(2)">《用户协议》</text>和 <text @click="goPage(1)">《隐私协议》</text>
		</view>
	</view>
	
</template>

<script setup>
	defineProps({
		isCheck: {
			type: Boolean,
			default: false
		}
	})
	let emit = defineEmits()

	function changeRadio(val) {
		console.log(val)
		emit('changeRadio', val)
	}
	function  goPage(type) {
		uni.navigateTo({
			url: '/pages/subPage/privacyAgreement/privacyAgreement?type=' + type
		})
	}
</script>

<style lang="scss" scoped>
	.radioWrap {
		display: flex;
		align-items: center;

		.privacyText {
			font-size: 24rpx;
			color: #888E94;

			text {
				color: $themC;
			}
		}
	}
</style>