hldy_xcx/pages/oldmanindex/oldmansuccess.vue

<template>
	<div class="container">

		<!-- <view class="white-content"> -->
			<image style="width: 200rpx;height:200rpx" :src="isjianhu?`https://www.focusnu.com/media/directive/index/jumpImge/jianhu.png`:  `https://www.focusnu.com/media/directive/index/jumpImge/addold.png`" />
			<view class="white-font">
				尊敬的用户，您已成功{{ ischange? '修改':"添加" }}{{ isjianhu?`监护人`: `长者` }}信息 
			</view>
			<view class="bottom-font">
				<!-- <text style="color: #068DFF;">{{ seconds }}秒后</text>自动跳转到长者端 ... -->
				 {{ ischange? '请等待机构审核':"" }}
			</view>
		<!-- </view> -->
		<view class="bottom-button" @click="goToBack">
			我的长者
		</view>

	</div>
</template>

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

	// const seconds = ref(6)

	const goBack = () => {
		uni.navigateBack()
	}

	let timer = null
	const ischange = ref(false)
	const isjianhu = ref(false)
	onLoad((element) => {
		// 保证每次进页面都从 6 开始
		// seconds.value = 6
		// console.log("????",element)
		if(element.type){
			ischange.value = true
		}
		if(element.jianhu){
			isjianhu.value = true; 
		}
		// 每 1 秒减 1，减到 0 清理计时器（不做其他动作）
		// timer = setInterval(() => {
		// 	if (seconds.value > 0) {
		// 		seconds.value -= 1
		// 	} else {
		// 		clearInterval(timer)
		// 		timer = null;
		// 		goToBack()
		// 	}
		// }, 1000)
	})

	// 页面卸载时清理（防止内存泄漏）
	onUnload(() => {
		// if (timer) {
		// 	clearInterval(timer)
		// 	timer = null
		// }
	})
	const goToBack = () => {
		uni.reLaunch({
			url: '/pages/oldmanindex/index'
		})
	}
</script>

<style lang="scss" scoped>
	.container {
		display: flex;
		flex-direction: column;
		min-height: 100vh;
		width: 100%;
		background-color: #F7F7F7;
		justify-content: center;
		align-items: center;

		.white-content {
			width: 70%;
			height: 600rpx;
			border-radius: 50rpx;
			background-color: #fff;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-top: -50rpx;
			position: relative;

			.white-font {
				font-size: 38rpx;
				font-weight: 600;
				margin-top: 40rpx;
			}

			.bottom-font {
				position: absolute;
				bottom: 100rpx;
				left: 0;
				width: 100%;
				font-size: 28rpx;
				color: #666666;
				text-align: center;
			}
		}
	}
	.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;
	}
</style>