<template>
	<view class="content">
		<view class="title">为保证你的账号安全，在你提交的注销申请生效前，需同时满足以下条件：</view>
		<view class="title">1. 账号处干安全状态</view>
		<view class="text">账号为你本人拥有，处于正常使用状态，无被盗、违规、封禁风险。</view>
		<view class="title">2. 账号财产已结清，交易已完成</view>
		<view class="text">账号下所有关联业务的资产（业务奖金，火力值）和权益（包括会员身份）均已结清、清空或自愿放弃，所有交易已完成或已自愿放弃。</view>
		<view class="title">3. 账号无任何纠纷，包括但不限于投诉或举报，服务均已完成或已自愿放弃</view>
		<view class="agreement">
			<u-checkbox-group
				v-model="agreement"
				placement="row"
			>
				<u-checkbox shape="circle" name="agreement" activeColor="#446EFE"></u-checkbox>
				我已阅读并同意
				<my-link class="agreement-nav":to="{name: 'RichText', params: { id: 5 }}">《抖火注销须知》</my-link>
			</u-checkbox-group>
		</view>
		<view class="tool">
			<button class="btn" :disabled="agreement.length <= 0" @click="onNext()">下一步</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				agreement: []
			}
		},
		methods: {
			onNext(){
				this.$Router.push({
					name: 'UserOffVerify'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		padding: 20rpx 50rpx 50rpx;
		background: white;
		.title{ font-weight: bold; font-size: 36rpx;line-height: 50rpx; margin-top: 30rpx; text-align: justify; }
		.text{ font-size: 32rpx; color: #555; margin-bottom: 30rpx; line-height: 50rpx; text-align: justify; }
		.agreement{ font-size: 30rpx; margin-top: 100rpx; color: gray; }
		.agreement-nav{ color: $main-color; }
		.tool{
			padding-top: 50rpx;
			button{
				background: $main-color;
				color: white;
				eight: 100rpx;
				line-height: 100rpx;
				border-radius: 20rpx;
				color: white;
				font-size: 34rpx;
				font-weight: bold;
				&[disabled]{ opacity: .5; }
			}
		}
	}
</style>
