<template>
	<view>
		<view class="font">
			<!-- <uni-icons type="closeempty" size="30" @click="back" color="#fff"></uni-icons> -->
			<text style="margin-left: 30rpx;color: white;">Delete account</text>
		</view>
		<view class="icon">
			<view class="icon_img"><image mode="" src="../../static/icon/deleteok.png"></image></view>
		    <view class="icon_text">Delete account</view>
		</view>
		
	</view>
</template>

<script>
	import {defaultRequest} from '../../api/index.js'
	export default {
		data(){
			return {
				
			}
		},
		onLaunch() {
			let that = this;
			let s = 0;
			let time = setInterval(() => {
				uni.getNetworkType({
					success: (res) => {
						console.log(res.networkType, s);
						if (res.networkType == 'none') {
							uni.showToast({
								icon: 'none',
								title: 'Please connect to the network',
								duration: 3000,
							})
						} else if (res.networkType !== 'none') {
							that.typee = 2;
							clearInterval(time);
							
						}
					}
				})
				s++;
		}, 1000);
		},
		methods:{
			
			back(){
				uni.reLaunch({
					url:'../login/index'
				})
			}
		},
		onShow() {
			
		},
		onBackPress(e) {
		    console.log(e);
		    if(e.from == 'backbutton'){
		   uni.reLaunch({
		   	url:'../login/index'
		   })
		    }
		},
	}
</script>

<style lang="scss" scoped>
	.font{
		display: flex;
		background-color:#000000;
		color:white;
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		padding-top:50rpx;
		padding-left:20rpx;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 60rpx;
	}
	.icon{
		height: 150rpx;
		width: 60%;
		margin-left: 20%;
		align-items: center;
	   margin-left: 76.37rpx;
		
		.icon_img{
			height: 120rpx;
			width: 120rpx;
			margin-left: 250rpx;
			image{
				object-fit: cover;
				height: 100%;
				width: 100%;
			
			}
		}
		.icon_text{
			 margin-left: 180rpx;
		}
	}
</style>