From 74344a2ec388b78fe906a22c31f8fdb77fc60b12 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Fri, 04 Mar 2022 15:55:59 +0800
Subject: [PATCH] 404页面优化,页面响应式变化适配
---
src/views/exception/404.vue | 43 ++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 42 insertions(+), 1 deletions(-)
diff --git a/src/views/exception/404.vue b/src/views/exception/404.vue
index 09e22e9..3dea25d 100644
--- a/src/views/exception/404.vue
+++ b/src/views/exception/404.vue
@@ -1,5 +1,37 @@
<template>
- <div>404</div>
+ <div class="my404">
+ <div class="ele-container">
+ <div class="ele-wrapper">
+ <div class="ele-tail"></div>
+ <div class="ele-body">
+ <div class="ele-head">
+ <div class="ele-eyebrows"></div>
+ <div class="ele-eyes"></div>
+ <div class="ele-mouth"></div>
+ <div class="ele-fang-front"></div>
+ <div class="ele-fang-back"></div>
+ <div class="ele-ear"></div>
+ </div>
+ </div>
+ <div class="ele-leg-1 ele-leg-back">
+ <div class="ele-foot"></div>
+ </div>
+ <div class="ele-leg-2 ele-leg-front">
+ <div class="ele-foot"></div>
+ </div>
+ <div class="ele-leg-3 ele-leg-back">
+ <div class="ele-foot"></div>
+ </div>
+ <div class="ele-leg-4 ele-leg-front">
+ <div class="ele-foot"></div>
+ </div>
+ </div>
+ </div>
+ <div style="text-align: center;">
+ <span>啊噢,404了..</span>
+ <h1>你要找的东西丢失咯..</h1>
+ </div>
+ </div>
</template>
<script>
@@ -9,5 +41,14 @@
</script>
<style scoped>
+ @import '../../assets/404/styles.css';
+ .my404 {
+ margin-top: 30%;
+ min-height: 700px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ position: relative;
+ }
</style>
--
Gitblit v1.9.1