优化ios版本，新增注销账号功能

pages/off/off.vue

@@ -0,0 +1,65 @@
+<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>