feat(N/A): 优化UI界面，尝试移除element-plus，自行实现UI

src/App.vue

@@ -1,50 +1,20 @@
 <script setup lang="ts">
+import '@/components/css/app.css'
 import MyHead from "@/components/MyHead.vue";
 import MyFooter from "@/components/MyFooter.vue";
 </script>
 
 <template>
-  <div class="login">
-    <el-container class="common-layout">
-      <el-header class="header">
-        <MyHead />
-      </el-header>
-      <el-main class="main-content">
-          <RouterView />
-      </el-main>
-      <el-footer class="footer">
-        <MyFooter/>
-      </el-footer>
-    </el-container>
+  <div class="common-layout">
+    <my-head/>
+    <div class="router-view">
+      <RouterView/>
+    </div>
+    <my-footer/>
   </div>
+
 </template>
 
 <style scoped>
-#app {
-  margin: 0px 0px;
-}
-
-*{
-  padding:0px
-}
-
-.login {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  background-size: cover;
-}
-
-.common-layout {
-  min-width: 100vw;
-  min-height: 100vh;
-}
-
-.main-content {
-  margin: 0 auto;
-  display: flex;
-  flex-direction: column;
-}
 
 </style>