feat: 优化登录页面

src/pages/[..._all]/index.vue

@@ -1,12 +1,13 @@
 <template>
   <div class="w-full h-full flex justify-center items-center p-4">
-    <div class="flex flex-col items-center">
+    <div class="flex flex-col md:flex-row items-center">
       <div>
         <img src="@/assets/404.svg" alt="404" class="w-[320px]" />
       </div>
-      <div class="text-center">
+      <div class="slide-in-bottom">
-        <p class="mt-0">抱歉页面未找到，你访问的地址不存在!</p>
+        <h1 class="text-3xl font-bold my-0">404</h1>
-        <div class="space-x-3 mt-5">
+        <p class="mt-2">抱歉，您访问的地址不存在!</p>
+        <div class="space-x-3 mt-5 pb-4">
           <a-button type="primary" @click="router.back()">
             <template #icon>
               <i class="icon-park-outline-back"></i>
@@ -30,7 +31,21 @@ import { useRouter } from "vue-router";
 const router = useRouter();
 </script>
 
-<style scoped></style>
+<style scoped>
+.slide-in-bottom {
+  animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
+}
+@keyframes slide-in-bottom {
+  0% {
+    transform: translateY(100px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+</style>
 
 <route lang="json">
 {

src/pages/_login/index.vue

@@ -1,14 +1,17 @@
 <template>
-  <div class="page-login w-full h-full flex items-center justify-center bg-white">
+  <div class="page-login w-full h-full grid grid-rows-[auto_1fr_auto]">
-    <div class="md:hidden fixed flex items-center justify-between top-0 m-0 h-13 w-full px-10 z-10">
+    <div class=" top-0 m-0 h-20 w-full px-10 z-10">
+      <div class="md:hidden flex items-center justify-between h-13">
         <div class="flex items-center">
           <img src="/favicon.ico" alt="" width="20" height="20" class="mr-1" />
           <h1 class="text-lg m-0">
             {{ appStore.title }}
           </h1>
         </div>
-      <div>敬请期待</div>
+        <div>v0.0.1</div>
       </div>
+    </div>
+    <div class="flex items-center justify-center w-full overflow-hidden">
       <div
         class="login-box w-[920px] h-[560px] relative mx-8 grid md:grid-cols-2 rounded overflow-hidden border border-blue-100"
       >
@@ -17,7 +20,7 @@
         </div>
         <div class="relative p-20 px-8 md:px-14 bg-white shadow-sm">
           <div class="text-2xl">欢迎登陆</div>
-        <div class="text-base text-gray-500 mt-3">{{ meridiem }}好，欢迎登陆{{ appStore.title }}!</div>
+          <div class="text-base text-gray-500 mt-2">{{ meridiem }}好，欢迎登陆{{ appStore.title }}!</div>
           <a-form ref="formRef" :model="model" :rules="formRules" layout="vertical" class="mt-8">
             <a-form-item field="username" label="账号" hide-asterisk>
               <a-input v-model="model.username" placeholder="请输入账号/手机号/邮箱" allow-clear>
@@ -47,6 +50,8 @@
         </div>
       </div>
     </div>
+    <div class="text-slate-500 py-8 text-center h-20">Copyright &copy; {{ appStore.title }}, 版权所有</div>
+  </div>
 </template>
 
 <script lang="ts" setup>

src/pages/demo/index.vue

@@ -10,12 +10,12 @@
 {
   "meta": {
     "sort": 10201,
-    "title": "测试页面1",
+    "title": "表格组件",
     "icon": "icon-park-outline-add-subtract"
   },
   "parentMeta": {
     "sort": 10201,
-    "title": "测试分类",
+    "title": "内置组件",
     "icon": "icon-park-outline-add-subtract"
   }
 }

src/pages/demo/test.vue

@@ -10,7 +10,7 @@
 {
   "meta": {
     "sort": 10202,
-    "title": "测试页面2",
+    "title": "表单组件",
     "icon": "icon-park-outline-aperture-priority"
   }
 }

src/pages/user/index.vue

@@ -6,10 +6,10 @@
 
 <script setup lang="tsx">
 import { ContentType, api } from "@/api";
-import { useTable } from "@/components";
+import { Table, useTable } from "@/components";
 
 const table = useTable({
-  data: async (model, paging) => [],
+  data: async (model, paging) => ({ data: [{}], meta: { total: 0 } }),
   columns: [
     {
       title: "姓名",