<template>
  <view class="margin flex flex-wrap">
  	<view @click="changeIntentions" class="iconfont agree-box" :class="[agree ? 'text-blue icon-check-square': 'text-gray icon-border']"></view>
  	<view class="text-df text-black flex-sub agree-text">
  		请认真阅读
		<text class="text-blue" @tap="serviceAgreement">《用户服务协议》</text>和
		<text class="text-blue" @tap="privacyAolicy">《隐私政策》</text>,
		勾选代表您已同意此协议
		
  	</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
	  agree: false,
    };
  },
  onLoad(op) {},  
  methods: {
	  changeIntentions(){
		  if(!this.agree){
			  this.agree = true;
		  }else{
			  this.agree = false;
		  }
		  this.$emit('changeIntentions',this.agree)
	  },
	  
	  // 服务协议
	  serviceAgreement(){
		  console.log('用户服务协议')
		  uni.navigateToMiniProgram({
		    appId: 'wx5b97b0686831c076',
		    path: 'pages/preview/preview?sid=&fid=60774991254',
		    success(res) {
		      console.log(res);
		    },
		  });
	  }, 
	  
	  // 隐私政策
	  privacyAolicy(){
		uni.navigateToMiniProgram({
		  appId: 'wx5b97b0686831c076',
		  path: 'pages/preview/preview?sid=&fid=60774976650',
		  success(res) {
		    console.log(res);
		  },
		});
	  }
  },
};
</script>

<style lang="scss" scoped>
	.agree-box {
		width: 70rpx;
	}
	
	.agree-text {
		line-height: 60rpx;
	}
</style>
