zk-driver-wechat-applet/pages/public/404.vue

<template>
	<view>
		<view class="main">
			<view><image src="../../static/404.png"></image></view>
			<view class="tip">{{ErrorTip}}</view>
			<view><button type="primary" @click="goHome" class="index">返回首页</button></view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				ErrorTip:''
			}
		},
		methods: {
			goHome(){
				this.$utils.switchTab("index/index");
			}
		},
		onLoad(options) {
			this.ErrorTip=options.error
		}
	}
</script>

<style lang="scss" scoped>
	.main{
		width: 563rpx;
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		text-align: center;
		font-size: 32rpx;
		color: #1D2129;
		padding-top: 100rpx;
		image{
			width: 563rpx;
		}
		.tip{
			margin-bottom: 60rpx;
		}
		.index{
			width: 400rpx;
			height: 88rpx;
			background: #58BE6B;
			border-radius: 58rpx 58rpx 58rpx 58rpx;
			opacity: 1;
			font-size: 32rpx;
			color: #fff;
			font-weight: 600;
			line-height: 88rpx;
			font-family: Noto Sans SC-Regular, Noto Sans SC;
		}
	}
</style>