feature: 添加首页路由

jsxiaosi · Jan 3, 2022 · 805e579 · 805e579
1 parent 2711520
commit 805e579
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 13 deletions.
diff --git a/src/layouts/components/AppMain/index.vue b/src/layouts/components/AppMain/index.vue
@@ -36,7 +36,6 @@
       height: calc(100vh - #{$navBarHeight+$BreadcrumbHeight+40px});
       margin: 20px;
       overflow: hidden;
-      background-color: #fff;
       border-radius: 10px;
     }
   }

diff --git a/src/locales/en/modules/route.ts b/src/locales/en/modules/route.ts
@@ -1,5 +1,6 @@
 const route = {
   pathName: {
+    index: 'Home',
     userInfo: 'UserInfo',
     userList: 'UserList',
     userDateil: 'UserDateil',

diff --git a/src/locales/zh-ch/modules/route.ts b/src/locales/zh-ch/modules/route.ts
@@ -1,5 +1,6 @@
 const route = {
   pathName: {
+    index: '首页',
     userInfo: '用户管理',
     userList: '用户列表',
     userDateil: '用户详情',

diff --git a/src/router/modules/otherRoute/otherRoute.ts b/src/router/modules/otherRoute/otherRoute.ts
@@ -8,11 +8,27 @@ const Layout = () => import('@/layouts/index.vue');
 const AppMain = () => import('@/layouts/components/AppMain/index.vue');
 
 const safeManagerRoutes: Array<AppRouteRecordRaw> = [
+  {
+    path: '',
+    component: Layout,
+    redirect: '/welcome',
+    name: 'home',
+    alwaysShow: false,
+    meta: { title: '', icon: 'iEL-home-filled' },
+    children: [
+      {
+        path: 'welcome',
+        name: 'welcome',
+        component: () => import('@/views/index/index.vue'),
+        meta: { title: t('route.pathName.index') },
+      },
+    ],
+  },
   {
     path: '/useradmin',
     component: Layout,
     redirect: '/useradmin/userlist/',
-    name: '用户管理',
+    name: 'useradmin',
     alwaysShow: true,
     meta: { title: t('route.pathName.userInfo'), icon: 'iEL-avatar' },
     children: [
@@ -22,12 +38,6 @@ const safeManagerRoutes: Array<AppRouteRecordRaw> = [
         component: () => import('@/views/useradmin/userlist/index.vue'),
         meta: { title: t('route.pathName.userList') },
       },
-      {
-        path: 'index',
-        name: 'index',
-        component: () => import('@/views/index/index.vue'),
-        meta: { title: t('route.pathName.userDateil') },
-      },
     ],
   },
   {

diff --git a/src/views/index/index.vue b/src/views/index/index.vue
@@ -1,15 +1,14 @@
 <template>
-  <div>
-    index.js
-    <HelloWorld />
+  <div class="page-container">
+    <div class=""> </div>
   </div>
 </template>
 
 <script setup>
   // 直接导入组件
-  import HelloWorld from '@/components/HelloWorld.vue';
+  // import HelloWorld from '@/components/HelloWorld.vue';
   // import { useContext } from 'vue'
   // console.log(useContext())
 </script>
 
-<style></style>
+<style lang="scss" scoped></style>