refactor: ♻️ 优化 401 和 404 页面

src/views/error/401.vue

@@ -1,35 +1,9 @@
-<script setup lang="ts">
-import { reactive, toRefs } from "vue";
-import { useRouter } from "vue-router";
-
-defineOptions({
-  name: "Page401",
-});
-
-const state = reactive({
-  errGif: new URL("../../assets/images/401.gif", import.meta.url).href,
-  ewizardClap: "https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646",
-  dialogVisible: false,
-});
-
-const { errGif, ewizardClap, dialogVisible } = toRefs(state);
-
-const router = useRouter();
-
-function back() {
-  router.back();
-}
-</script>
-
 <template>
   <div class="page-container">
-    <el-button icon="el-icon-arrow-left" class="pan-back-btn" @click="back">返回</el-button>
+    <el-button icon="arrow-left" @click="back">返回</el-button>
     <el-row>
       <el-col :span="12">
         <h1 class="text-jumbo text-ginormous">Oops!</h1>
-        gif来源
-        <a href="https://zh.airbnb.com/" target="_blank">airbnb</a>
-        页面
         <h2>你没有权限去该页面</h2>
         <h6>如有不满请联系你领导</h6>
         <ul class="list-unstyled">
@@ -38,23 +12,31 @@ function back() {
             <router-link to="/dashboard">回首页</router-link>
           </li>
           <li class="link-type">
-            <a href="https://www.taobao.com/">随便看看</a>
-          </li>
-          <li>
-            <a href="#" @click.prevent="dialogVisible = true">点我看图</a>
+            <a href="https://www.youlai.tech/">随便看看</a>
           </li>
         </ul>
       </el-col>
       <el-col :span="12">
-        <img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream." />
+        <img src="@/assets/images/401.svg" width="400" height="500" />
       </el-col>
     </el-row>
-    <el-dialog v-model="dialogVisible" title="随便看">
-      <img :src="ewizardClap" class="pan-img" />
-    </el-dialog>
   </div>
 </template>
 
+<script setup lang="ts">
+import { useRouter } from "vue-router";
+
+defineOptions({
+  name: "Page401",
+});
+
+const router = useRouter();
+
+function back() {
+  router.back();
+}
+</script>
+
 <style lang="scss" scoped>
 .page-container {
   width: 100%;