fix

src/layouts/components/DefaultLayoutWithVerticalNav.vue

@@ -79,7 +79,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
       <VerticalNavLink
         :item="{
           title: '推荐',
-          icon: 'mdi-movie-star',
+          icon: 'mdi-table-star',
           to: '/ranking',
         }"
       />
@@ -87,8 +87,8 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
       <VerticalNavLink
         :item="{
           title: '资源搜索',
-          icon: 'mdi-table',
+          icon: 'mdi-magnify',
-          to: '/resources',
+          to: '/resource',
         }"
       />
 
@@ -133,7 +133,7 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
         }"
       />
 
-      <!-- 👉 用户设置 -->
+      <!-- 👉 设置 -->
       <VerticalNavSectionTitle
         :item="{
           heading: '设置',
@@ -143,14 +143,21 @@ import UserProfile from '@/layouts/components/UserProfile.vue'
         :item="{
           title: '站点管理',
           icon: 'mdi-web',
-          to: '/sites',
+          to: '/site',
+        }"
+      />
+      <VerticalNavLink
+        :item="{
+          title: '插件',
+          icon: 'mdi-apps',
+          to: '/plugin',
         }"
       />
       <VerticalNavLink
         :item="{
           title: '设置',
           icon: 'mdi-cog-outline',
-          to: '/account-settings',
+          to: '/account-setting',
         }"
       />
     </template>

src/pages/login.vue

@@ -106,10 +106,10 @@ onMounted(() => {
 
 <template>
   <div
-    class="auth-wrapper d-flex align-center justify-center pa-4"
+    class="auth-wrapper d-flex align-center justify-center pa-4 fade-in"
     :style="{ backgroundImage: `url(${backgroundImageUrl})` }"
   >
-    <VCard class="auth-card pa-4 pt-7">
+    <VCard class="auth-card pa-7">
       <VCardItem class="justify-center">
         <template #prepend>
           <div class="d-flex">
@@ -190,4 +190,16 @@ onMounted(() => {
 
 <style lang="scss">
 @use "@core/scss/pages/page-auth.scss";
+.fade-in {
+  animation: fadeIn 1s ease-in;
+}
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
 </style>

src/router/index.ts

@@ -23,8 +23,8 @@ const router = createRouter({
           },
         },
         {
-          path: 'resources',
+          path: 'resource',
-          component: () => import('../pages/resources.vue'),
+          component: () => import('../pages/resource.vue'),
           meta: {
             requiresAuth: true,
           },
@@ -58,15 +58,22 @@ const router = createRouter({
           },
         },
         {
-          path: 'sites',
+          path: 'site',
-          component: () => import('../pages/sites.vue'),
+          component: () => import('../pages/site.vue'),
           meta: {
             requiresAuth: true,
           },
         },
         {
-          path: 'account-settings',
+          path: 'plugin',
-          component: () => import('../pages/account-settings.vue'),
+          component: () => import('../pages/plugin.vue'),
+          meta: {
+            requiresAuth: true,
+          },
+        },
+        {
+          path: 'account-setting',
+          component: () => import('../pages/account-setting.vue'),
           meta: {
             requiresAuth: true,
           },