<template>
	<view class="font-father">
		<image class="title-img" :src="`https://www.focusnu.com/media/directive/login/introduce/allbgc.png`" />
		<image class="title-photo" :src="`https://www.focusnu.com/media/directive/index/bluephoto.png`" />
		<view class="small-title">尊敬的用户，您的手机</view>
		<view class="small-title">{{ phone }}</view>
		<view class="font-title">
			已成功绑定
		</view>
		<view class="normal">
			<text style="font-weight: 600;">
				期待您早日加入护理单元大家庭！
			</text>
		</view>
		<view class="bottom-button" @click="jumpto">
			我的机构
		</view>
	</view>

</template>

<script setup>
	import {
		onLoad
	} from '@dcloudio/uni-app'
	import {
		reactive,
		ref
	} from 'vue';


	const jumpto = () => {
		console.log("???")
		uni.redirectTo({
			url: `/pages/login/threeselectone`
		});
	}

	const phone = ref("");
	onLoad((options) => {
		phone.value = uni.getStorageSync('tel');
	})
</script>

<style lang="scss" scoped>
	.font-father {
		width: 100%;
		min-height: 100vh;
		padding: 0 100rpx;
		display: flex;
		align-items: center;
		flex-direction: column;
		position: relative;

		.font-title {
			margin-top: 0rpx;
			margin-bottom: 30rpx;
			font-weight: 600;
			font-size: 32rpx;
			display: flex;
			flex-direction: column;
			font-size: 70rpx;
		}

		.bottom-button {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 0rpx;
			margin-top: 80rpx;
			margin-bottom: 170rpx;
			width: 80%;
			height: 100rpx;
			border-radius: 50rpx;
			background: linear-gradient(to left, #00C9FF, #0076FF);
			color: #fff;
			font-size: 40rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			z-index: 3;
		}
	}

	.title-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: -1;
	}

	.small-title {
		margin-bottom: 10rpx;
		font-size: 34rpx;
	}

	.normal {
		font-size: 33rpx;
		margin-bottom: 20rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;

	}

	.title-photo {
		margin-top: 300rpx;
		width: 350rpx;
		height: 350rpx;
		z-index: 1;
	}
</style>