rtdeviceApp/pages/index/error.vue

<template>
	<view class="content">
		<!-- 个人信息 -->
		<view class="blur-bg-2"></view>
		<view class="userBox y-c">
			<view class="errorBox">
				<image src='/static/image/new/img_error.svg'></image>
				<view class="title">哎呀~出错了</view>
				<view class="text">请联系工作人员或稍后再试</view>
			</view>
            <view class="btnBox">
				<view class="btn" @click="goIndex">返回首页</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getUserInfoByUserId,
		getUserInfo
	} from '@/api/user.js';
	export default {
		data() {
			return {
				
			}
		},
		onLoad(option) {
			
		},
		onShow() {
			
		},
		 
		methods: {
			//首页
			goIndex(){
				uni.reLaunch({
					url: '/pages/index/index',
					animationType: 'none',
					animationDuration: 2000
				})
			},
		}
	}
</script>


<style scoped lang="scss">
	page {
		background: #fff;
		font-size: 16px
	}

	.content {
		width: 100%;
		height: 100vh;
		background: #D8F6EF;
		padding: 28px;
		display: flex;
		flex-direction: column;
		.blur-bg-2 {
		   width: 350px;
		   height: 350px;
		   background: #FFFDCC;
		   // opacity: 0.47;
		   filter: blur(200px);
		   position: absolute;
		   z-index: 1;
		   top: 60px;
		   right: calc(0px - 107px); 
		   pointer-events: none
		}
	}

	

	.userBox {
		flex: 1;
		background: rgba(255, 255, 255, 0.7);
		border-radius: 24px 24px 24px 24px;
		padding: 27px 40px;
        z-index: 9;
		.errorBox{
			display: flex;
			align-items: center;
			flex-direction: column;
			image{
				width: 485px;
				height: 485px;
			}
			.title{
				font-family: PingFang SC, PingFang SC;
				font-weight: 600;
				font-size: 32px;
				color: #327E6F;
				line-height: 48px;
			}
			.text{
				margin-top: 11px;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 24px;
			color: #327E6F;
			line-height: 36px;
			}
		}
		.btnBox{
			display: flex;
			align-items: center;
			flex-direction: column;
			.btn {
				margin-top: 97px;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 360px;
				height: 68px;
				background: #37C3A0;
				border-radius: 121px 121px 121px 121px;
				font-family: PingFang SC, PingFang SC;
				font-weight: 600;
				font-size: 28px;
				color: #FFFFFF;
			}
		}
		
	}
	@keyframes pulse {
	  from { opacity: 0.8; }
	  to { opacity: 1; }
	}
</style>