style(projects): 修改了登录页样式

mock/module/user.ts

@@ -5,6 +5,79 @@ const Random = Mock.Random;
 
 const token = Random.string('upper', 32, 32);
 
+const routeData = {
+  admin: [
+    {
+      name: 'dashboard',
+      path: '/dashboard',
+      meta: {
+        title: '分析页',
+        requiresAuth: true,
+        icon: 'icon-park-outline:analysis',
+      },
+      children: [
+        {
+          name: 'dashboard_workbench',
+          path: '/dashboard/workbench',
+          meta: {
+            title: '工作台',
+            requiresAuth: true,
+            icon: 'icon-park-outline:alarm',
+          },
+        },
+        {
+          name: 'dashboard_monitor',
+          path: '/dashboard/monitor',
+          meta: {
+            title: '监控页',
+            requiresAuth: true,
+            icon: 'icon-park-outline:anchor',
+          },
+        },
+      ],
+    },
+    {
+      name: 'test',
+      path: '/test',
+      meta: {
+        title: '测试专题',
+        requiresAuth: true,
+        icon: 'icon-park-outline:ambulance',
+      },
+      children: [
+        {
+          name: 'test1',
+          path: '/test/test1',
+          meta: {
+            title: '测试专题1',
+            requiresAuth: true,
+            icon: 'icon-park-outline:alarm',
+          },
+        },
+        {
+          name: 'test2',
+          path: '/test/test2',
+          meta: {
+            title: '测试专题2',
+            requiresAuth: true,
+            icon: 'icon-park-outline:pic',
+          },
+        },
+        {
+          name: 'test3',
+          path: '/test/test3',
+          meta: {
+            title: '测试专题3',
+            requiresAuth: true,
+            icon: 'icon-park-outline:tool',
+          },
+        },
+      ],
+    },
+  ],
+  user: [],
+};
+
 const userInfo = {
   userId: '1',
   userName: 'admin',

src/store/modules/auth.ts

@@ -64,7 +64,7 @@ export const useAuthStore = defineStore('auth-store', {
         // 触发用户提示
         window.$notification?.success({
           title: '登录成功!',
-          content: `欢迎回来，${this.userInfo.realName}!`,
+          content: `欢迎回来😊，${this.userInfo.realName}!`,
           duration: 3000,
         });
         return;

src/views/login/index.vue

@@ -1,12 +1,11 @@
 <template>
   <div flex-center wh-full bg-hex-F3F4F6>
     <n-carousel autoplay trigger="hover" dot-type="line" effect="fade" class="w-3/4">
-      <img v-for="(item, index) in swiperList" :key="index" class="h-screen object-cover" :src="item" />
+      <img v-for="(item, index) in swiperList" :key="index" class="wh-full object-cover" :src="item" />
     </n-carousel>
     <div flex-1 flex-center>
       <div w-full h-xl px-6xl>
         <n-h1 c-blue>
-          <!-- <e-icon icon="icon-park-outline:plastic-surgery" :size="28" /> -->
           <i-icon-park-outline-plastic-surgery />
           Ench Admin
         </n-h1>
@@ -15,7 +14,7 @@
           <n-form-item path="account">
             <n-input v-model:value="formValue.account" placeholder="输入账号" round>
               <template #prefix>
-                <e-icon icon="icon-park-outline:woman" />
+                <i-icon-park-outline-woman />
               </template>
             </n-input>
           </n-form-item>
@@ -28,13 +27,13 @@
               round
             >
               <template #prefix>
-                <e-icon icon="icon-park-outline:lock" />
+                <i-icon-park-outline-lock />
               </template>
               <template #password-invisible-icon>
-                <e-icon icon="icon-park-outline:preview-close-one" />
+                <i-icon-park-outline-preview-close-one />
               </template>
               <template #password-visible-icon>
-                <e-icon icon="icon-park-outline:preview-open" />
+                <i-icon-park-outline-preview-open />
               </template>
             </n-input>
           </n-form-item>
@@ -42,10 +41,10 @@
             <n-space align="center">
               <n-input v-model:value="formValue.code" placeholder="输入验证码" round>
                 <template #prefix>
-                  <e-icon icon="icon-park-outline:message" />
+                  <i-icon-park-outline-message />
                 </template>
               </n-input>
-              <span>这边可以放点什么</span>
+              <span>验证码什么的</span>
             </n-space>
           </n-form-item>
           <n-space vertical :size="24">