66 lines
2.1 KiB
Vue
66 lines
2.1 KiB
Vue
<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>
|