deactivate.uvue

<!-- 注销（销毁）账号 -->
<template>
	<view class="uni-content">
		<scroll-view class="scroll-view" :scroll-y="true">
			<text class="words" :decode="true">{{words}}</text>
		</scroll-view>
		<view class="button-group">
			<button @click="nextStep" class="btn next" type="default">下一步</button>
			<button @click="cancel" class="btn" type="primary">取消</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				words: `一、注销是不可逆操作，注销后:\n
    1.帐号将无法登录、无法找回。\n
    2.帐号所有信息都会清除(个人身份信息、粉丝数等;发布的作品、评论、点赞等;交易信息等)，你的朋友将无法通过本应用帐号联系你，请自行备份相关信息和数据。\n
二、重要提示\n
    1.封禁帐号(永久封禁、社交封禁、直播权限封禁)不能申请注销。\n
    2.注销后，你的身份证、三方帐号(微信、QQ、微博、支付宝)、手机号等绑定关系将解除，解除后可以绑定到其他帐号。\n
    3.注销后，手机号可以注册新的帐号，新帐号不会存在之前帐号的任何信息(作品、粉丝、评论、个人信息等)。\n
    4.注销本应用帐号前，需尽快处理帐号下的资金问题。\n
    5.视具体帐号情况而定，注销最多需要7天。`
			}
		},
		onLoad() { },
		methods: {
			cancel() {
				uni.navigateBack()
			},
			nextStep() {
				uni.showModal({
					content: '已经仔细阅读注销提示，知晓可能带来的后果，并确认要注销',
					cancelText: "返回",
					confirmText: "确定",
					success: (e) => {
						// console.log('confirm', e.confirm);
						if (e.confirm) {
							const uniIdco = uniCloud.importObject("uni-id-co");
							uniIdco.closeAccount().then(() => {
								uni.showToast({
									title: '注销成功',
									icon: 'none',
									duration: 3000
								});
								uni.removeStorageSync('uni_id_token');
								uni.setStorageSync('uni_id_token_expired', 0)
								uni.navigateTo({
									url: "/uni_modules/uni-id-pages-x/pages/login/login"
								})
							})
						} else {
							uni.navigateBack()
						}
					}
				});
			}
		}
	}
</script>

<style>
	.uni-content,
	.scroll-view {
		flex-direction: column;
		flex: 1;
	}

	.words {
		color: #222;
		padding: 0 26rpx;
		line-height: 26px;
		font-size: 14px;
	}

	.button-group {
		flex-direction: row;
		width: 750rpx;
		height: 60px;
		justify-content: space-around;
		align-items: center;
		border-top: solid 1px #e4e6ec;
		background-color: #FFFFFF;
	}

	.button-group .btn {
		border-radius: 100px;
		border: solid 1px #0070ff;
		width: 300rpx;
		height: 42px;
		line-height: 42px;
		font-size: 32rpx;
	}

	.button-group .btn.next {
		color: #0070ff;
	}
</style>