<template>
	<view class="phone-wrapper pd50">
		<view class="phone-main bgF bdR20 t-center">
			<view class="tips fs27 c333 lh46"> 为了您的账号安全，请联系客服进行账号注销处理。客服电话： </view>
			<view class="phone-Number fb">{{ phoneNumber }} </view>
			<view class="phone-button">
				<view @tap="cancel">取消</view>
				<view class="call-phone fb" @tap="callPhone">拨打电话</view>
			</view>
		</view>
	</view>
</template>

<script setup>
const props = defineProps({
	phoneNumber: {
		type: String,
		default: '186 8866 6688'
	}
})
const emits = defineEmits(['cancel'])
const callPhone = () => {
	uni.makePhoneCall({
		phoneNumber: props.phoneNumber
	})
}
const cancel = () => {
	emits('cancel')
}
</script>

<style lang="scss" scoped>
.phone-main {
	.tips {
		padding: 50rpx 50rpx 0 50rpx;
	}
	.phone-Number {
		margin-top: 30rpx;
		font-size: 36rpx;
		color: #7737fe;
	}
	.phone-button {
		display: flex;
		margin-top: 50rpx;
		border-top: 1rpx solid rgb(232, 230, 230);
		view {
			width: 50%;
			height: 110rpx;
			line-height: 110rpx;
			color: #8c8c8c;
			font-size: 33rpx;
		}
		.call-phone {
			border-left: 1rpx solid rgb(232, 230, 230);
			color: $primaryColor;
		}
	}
}
</style>
