更新fail

src/views/fail.vue

@@ -127,7 +127,7 @@
           </div>
           <div class="container-title">
             <div class="title">
-              <div class="number">4</div>
+              <!-- <div class="number">4</div>
               <div class="moon">
                 <div class="face">
                   <div class="mouth"></div>
@@ -137,10 +137,10 @@
                   </div>
                 </div>
               </div>
-              <div class="number">4</div>
+              <div class="number">4</div> -->
+              <el-col :span="24" class="topTitle">系统维护中！</el-col>
+              <el-col :span="24" class="downTitle">很抱歉，您访问的页面找不到了！</el-col>
             </div>
-            <div class="subtitle">哎呀。看来你拐错弯了。</div>
-            <button><el-link href="/" :underline="false">放回主页</el-link></button>
           </div>
         </div>
       </el-col>
@@ -187,7 +187,7 @@ body {
 }
 
 .container-star {
-  background-image: linear-gradient(to bottom, #292256 0%, #8446cf 70%, #a871d6 100%);
+  background-image: linear-gradient(to bottom, #000080 0%, #4169e1 70%, #6495ed 100%);
 }
 .container-star:after {
   background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(15, 10, 38, 0.2) 100%);
@@ -1092,7 +1092,6 @@ body {
 
 .title > * {
   display: inline-block;
-  font-size: 200px;
 }
 
 .number {
@@ -1647,4 +1646,13 @@ button:focus {
   color: #fff;
   font-size: 20px;
 }
+.topTitle {
+  font-size: 40px;
+  font-family: cursive;
+}
+.downTitle {
+  font-size: 20px;
+  padding: 30px 0;
+  font-family: serif;
+}
 </style>