zh-h5-pay/pages/error.vue

<template>
	<view class="error-box">
		<view class="error-box-info">
			<image src="@/static/ts-icon.png" mode="scaleToFill" class="success-icon" />
			<view class="">{{message}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				message:"",
			}
		},
		onLoad(res) {
			if (res.message) {
				this.message = res.message
			}else{
				this.message = '网络错误！请重新扫码！'
			}
		},
	}
</script>

<style scoped lang="scss">
	.error-box {
		width: 100%;
		height: 100vh;

		.success-icon {
		  width: 98rpx;
		  height: 98rpx;
		}
		
		.error-box-info {
			box-sizing: border-box;
			padding-top: 20vh;
			font-size: 28rpx;
			font-weight: 600;
			text-align: center;

			view {
				margin-top: 30rpx;
			}
		}
	}
</style>