<template>
	<view class="font-father">
		<view class="font-title">
			尊敬的用户，你的手机<text>{{ phonenumber }}</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 phonenumber = ref("");
	const jumpto = () => {
		uni.redirectTo({
			url: `/pages/login/threeselectone`
		});
	}
	onLoad(()=>{
		phonenumber.value = uni.getStorageSync('tel')
	})
	
</script>

<style lang="scss" scoped>
	.font-father {
		width: 100%;
		height: 100vh;
		padding: 0 50rpx;
		display: flex;
		justify-content: center;
		position: relative;
		// flex-direction: column;
		.font-title{
			margin-top: 200rpx;
		}
		.bottom-button{
			position: fixed;
			bottom: 150rpx;
			left: 50%;
			transform: translateX(-50%);
			width: 400rpx;
			height: 100rpx;
			// border-radius: 30rpx;
			border-radius: 50rpx;
			background: linear-gradient(to right, #00C9FF, #0076FF);
			color: #fff;
			font-size: 33rpx;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}

</style>