开发ing

src/layout/index.vue

@@ -242,6 +242,7 @@ export default {
             z-index: 5;
           }
           .info-box{
+            backdrop-filter: blur(16px);
             display: flex;
             flex-direction: column;
             align-items: flex-end;
@@ -253,7 +254,7 @@ export default {
             top: 0;
             width: 220px;
             height: 200px;
-            background: white;
+            background: #ffffff88;
             border-radius: 8px;
             box-shadow: 0 1px 4px 0 #00000022;
             opacity: 0;
@@ -278,8 +279,12 @@ export default {
               cursor: pointer;
               padding: 8px 24px;
               color: $menuText;
-              background: $menuBg;
+              border: 1px solid transparent;
               &:hover{
+                border-left-color: #ffffff88;
+                border-top-color: #ffffff88;
+                border-bottom-color: #2563EB11;
+                border-right-color: #2563EB11;
                 color: $menuActiveText;
                 background: $menuActiveBg;
               }

src/views/errorPage/404.vue

@@ -1,13 +1,38 @@
 <template>
-  <div>404</div>
+  <div class="main-box">
+    <img class="image" src="/static/image/404.webp"/>
+    <el-button @click="goHome">返回首页</el-button>
+  </div>
 </template>
 
 <script>
 export default {
-  name: "404"
+  name: "404",
+  methods: {
+    goHome() {
+      this.$router.push({
+        name: 'Dashboard'
+      })
+    }
+  }
 }
 </script>
 
 <style scoped>
-
+  .main-box{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    .image{
+      margin-top: -8%;
+      width: 32%;
+      image{
+        aspect-ratio: 219/182;
+        width: 100%;
+      }
+    }
+  }
 </style>

src/views/preRegManage/edit.vue

@@ -449,6 +449,7 @@ export default Vue.extend({
         </div>
       </template>
       <template v-else>
+        <div></div>
         <div class="title">
           <span class="el-icon-arrow-left icon" @click="currentKey=''" />
           组件设定
@@ -863,7 +864,7 @@ export default Vue.extend({
       position: relative;
       box-shadow: 0 1px 4px 0 #00000022;
       display: grid;
-      grid-template-rows: auto 1fr auto;
+      grid-template-rows: auto auto 1fr auto;
       .body{
         padding: 0 16px;
         display: flex;

src/views/setting/rolesSetting.vue

@@ -163,6 +163,10 @@ export default Vue.extend({
           }
           &:hover{
             background: $menuHover;
+            border-left-color: #ffffff88;
+            border-top-color: #ffffff88;
+            border-bottom-color: #2563EB11;
+            border-right-color: #2563EB11;
           }
         }
       }