调整页面优化邀请海报

pages/404/404.vue

@@ -1,6 +1,9 @@
 <template>
-	<view>
-		404
+	<view class="content vertical">
+		<image src="@/static/404/404.png" mode="widthFix"></image>
+		<view class="text">出错了</view>
+		<view class="text">你访问的页面以离开了星球~！</view>
+		<button type="default" size="mini" @click="$Router.replaceAll({name: 'Index'})">返回星球</button>
 	</view>
 </template>
 
@@ -14,6 +17,30 @@
 	}
 </script>
 
-<style lang="scss">
-
+<style lang="scss" scoped>
+	.content{
+		height: 100vh;
+		width: 100vw;
+		text-align: center;
+		padding-bottom: 20vh;
+		background: #2e065f;
+		.text{
+			color: #dbb6ec;
+			line-height: 60rpx;
+			font-size: $title-size-m;
+		}
+		button{
+			height: 80rpx;
+			line-height: 80rpx;
+			width: 60vw;
+			font-size: $title-size-lg;
+			border-radius: 0;
+			margin-top: $margin*2;
+			background: white;
+			color: #2e065f;
+			&::after{
+				border: none;
+			}
+		}
+	}
 </style>