hldy_xcx/pages/login/specialloginafther.vue

<!-- <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">尊敬的用户，您的手机<text style="color: rgb(1,153,255);font-weight: 600;">{{ phone }}</text></view>

		<view class="font-title">
			已成功绑定,期待您早日加入护理单元大家庭！
		</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 = () => {
		uni.reLaunch({
			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 {
			padding: 0 70rpx;
			margin-top: 0rpx;
			font-size: 28rpx;
			display: flex;
			flex-direction: column;
			text-align: center;
			line-height: 50rpx;
		}

		.bottom-button {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 0rpx;
			margin-top: 80rpx;
			margin-bottom: 90rpx;
			width: 80%;
			height: 90rpx;
			border-radius: 35rpx;
			background: linear-gradient(to left, #00C9FF, #0076FF);
			color: #fff;
			font-size: 33rpx;
			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: 28rpx;
	}

	.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> -->

<template>
	<view class="font-father">

		<view class="fixed">
			<!-- <image v-if="!uni.getStorageSync('isstaffchange')" class="title-photo"
				:src="`https://www.focusnu.com/media/directive/index/blue111.png`" /> -->
			<image class="title-photo" style="width: 200rpx;height: 200rpx;"
				src="https://www.focusnu.com/media/directive/index/jumpImge/bangding.png" />

			<view style="font-size: 35rpx;font-weight: 600;margin: 30rpx 0;">
				尊敬的用户，您的手机
			</view>

			<view class="small-title">
				{{ phone }}

			</view>
			<view class="normal">
				<text v-if="!uni.getStorageSync('firstlogin')">
					已成功绑定,期待您早日加入护理单元大家庭！
				</text>
				<text v-else>
					已成功绑定,欢迎加入护理单元大家庭！
				</text>
			</view>
		</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 = () => {
		uni.reLaunch({
			url: `/pages/login/callback`
		});
		uni.setStorageSync('firstlogin', true);
	}

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

<style lang="scss" scoped>
	.font-father {
		width: 100%;
		min-height: 100vh;
		padding: 0 30rpx;
		display: flex;
		align-items: center;
		flex-direction: column;
		position: relative;
		background-color: rgb(239, 241, 252);

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

		.bottom-button {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 0rpx;
			margin-top: 80rpx;
			margin-bottom: 90rpx;
			width: 80%;
			height: 90rpx;
			border-radius: 35rpx;
			background: linear-gradient(to bottom, #e7f4ff, #c5e5ff);
			border: 2rpx solid #9AD1FF;
			color: #007CFF;
			font-size: 33rpx;
			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;
	}

	.fixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
		padding: 0 70rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

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

	.normal {
		padding: 0 70rpx;
		font-size: 28rpx;
		margin-bottom: 20rpx;
		display: flex;
		align-items: center;
		line-height: 50rpx;
		text-align: center
	}

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