yicangzongtai_app_240321/pages/web-view/web-error.vue

<template>
	<view class="">
		<navbar ref="navbar" :config="config" backColor="#1A1A1A"></navbar>
		<view class="error-content">
			<!-- <text class="error-icon iconfont_yige">&#xe63f;</text> -->
			<image src="./error-icon.png" mode="aspectFit"></image>
			<text class="error-text">应用加载失败</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				config: {
					back: true,
					web: true,
					closePath: '',
					title: '应用加载失败',
					color: 'black',
					backgroundColor: [1, '#fff'],
					statusBarFontColor: 'black'
				},
			}
		}
	}
</script>

<style lang="scss" scoped>
	.error-content {
		text-align: center;
		padding: 30vh 30rpx 0;

		text {
			display: block;
			color: #e6e6e6;
		}

		.error-icon {
			font-size: 200rpx;

		}
		image{
			width: 204rpx;
			height: 204rpx;
		}

		.error-text {
			padding-top: 30rpx;
			font-size: 30rpx;
			font-weight: 400;
		}
	}
</style>