inleft
2022-03-04 74344a2ec388b78fe906a22c31f8fdb77fc60b12
commit | author | age
d3f921 1 <template>
74344a 2     <div class="my404">
I 3         <div class="ele-container">
4             <div class="ele-wrapper">
5                 <div class="ele-tail"></div>
6                 <div class="ele-body">
7                     <div class="ele-head">
8                         <div class="ele-eyebrows"></div>
9                         <div class="ele-eyes"></div>
10                         <div class="ele-mouth"></div>
11                         <div class="ele-fang-front"></div>
12                         <div class="ele-fang-back"></div>
13                         <div class="ele-ear"></div>
14                     </div>
15                 </div>
16                 <div class="ele-leg-1 ele-leg-back">
17                     <div class="ele-foot"></div>
18                 </div>
19                 <div class="ele-leg-2 ele-leg-front">
20                     <div class="ele-foot"></div>
21                 </div>
22                 <div class="ele-leg-3 ele-leg-back">
23                     <div class="ele-foot"></div>
24                 </div>
25                 <div class="ele-leg-4 ele-leg-front">
26                     <div class="ele-foot"></div>
27                 </div>
28             </div>
29         </div>
30         <div style="text-align: center;">
31             <span>啊噢,404了..</span>
32             <h1>你要找的东西丢失咯..</h1>
33         </div>
34     </div>
d3f921 35 </template>
I 36
37 <script>
38     export default {
39
40     }
41 </script>
42
43 <style scoped>
74344a 44     @import '../../assets/404/styles.css';
d3f921 45
74344a 46     .my404 {
I 47         margin-top: 30%;
48         min-height: 700px;
49         display: flex;
50         flex-direction: column;
51         align-items: center;
52         position: relative;
53     }
d3f921 54 </style>