From 91ff795ed9294461e836955f97c18efe1d828821 Mon Sep 17 00:00:00 2001
From: wzl <1720360649@qq.com>
Date: Mon, 18 Dec 2023 15:45:02 +0800
Subject: [PATCH] =?UTF-8?q?Tabbar=E9=A1=B5=E9=9D=A2=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E5=B5=8C=E5=A5=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/router.config.js     | 66 ++++++++++++++++++---------------
 src/views/Tabbar.vue            | 24 ++++++++++++
 src/views/development/index.vue |  4 +-
 src/views/insight/index.vue     |  4 +-
 src/views/myself/index.vue      |  4 +-
 src/views/optimize/index.vue    |  3 --
 src/views/today/index.vue       |  3 --
 7 files changed, 64 insertions(+), 44 deletions(-)
 create mode 100644 src/views/Tabbar.vue

diff --git a/src/router/router.config.js b/src/router/router.config.js
index a84d307..e7620fc 100644
--- a/src/router/router.config.js
+++ b/src/router/router.config.js
@@ -6,41 +6,49 @@ export const constantRouterMap = [
   {
     path: '/',
     component: () => import('@/views/layouts/index'),
-    redirect: '/index',
+    redirect: '/Tabbar',
     meta: {
       title: '成长',
       keepAlive: false
     },
     children: [
       {
-        path: '/index',
-        name: 'Development',
-        component: () => import('@/views/development/index'),
-        meta: { title: '成长', keepAlive: false }
-      },
-      {
-        path: '/today',
-        name: 'Today',
-        component: () => import('@/views/today/index'),
-        meta: { title: '今日', keepAlive: false }
-      },
-      {
-        path: '/insight',
-        name: 'Insight',
-        component: () => import('@/views/insight/index'),
-        meta: { title: '洞悉', keepAlive: false }
-      },
-      {
-        path: '/optimize',
-        name: 'Optimize',
-        component: () => import('@/views/optimize/index'),
-        meta: { title: '优化', keepAlive: false }
-      },
-      {
-        path: '/myself',
-        name: 'Myself',
-        component: () => import('@/views/myself/index'),
-        meta: { title: '我的', keepAlive: false }
+        path: '/Tabbar',
+        name: 'Index',
+        redirect: '/index',
+        component: () => import('@/views/Tabbar.vue'),
+        children: [
+          {
+            path: '/index',
+            name: 'Development',
+            component: () => import('@/views/development/index'),
+            meta: { title: '成长', keepAlive: false }
+          },
+          {
+            path: '/today',
+            name: 'Today',
+            component: () => import('@/views/today/index'),
+            meta: { title: '今日', keepAlive: false }
+          },
+          {
+            path: '/insight',
+            name: 'Insight',
+            component: () => import('@/views/insight/index'),
+            meta: { title: '洞悉', keepAlive: false }
+          },
+          {
+            path: '/optimize',
+            name: 'Optimize',
+            component: () => import('@/views/optimize/index'),
+            meta: { title: '优化', keepAlive: false }
+          },
+          {
+            path: '/myself',
+            name: 'Myself',
+            component: () => import('@/views/myself/index'),
+            meta: { title: '我的', keepAlive: false }
+          }
+        ]
       },
       {
         path: '/familyNumber',
diff --git a/src/views/Tabbar.vue b/src/views/Tabbar.vue
new file mode 100644
index 0000000..2373586
--- /dev/null
+++ b/src/views/Tabbar.vue
@@ -0,0 +1,24 @@
+<!--  -->
+<template>
+  <div>
+    <div>nav组件</div>
+    <router-view />
+    <TabBar />
+  </div>
+</template>
+
+<script>
+import TabBar from '@/components/TabBar';
+export default {
+  components: { TabBar },
+  data() {
+    return {};
+  },
+  created() {},
+  mounted() {},
+  methods: {}
+};
+</script>
+<style scoped>
+/* @import url(); 引入css类 */
+</style>
diff --git a/src/views/development/index.vue b/src/views/development/index.vue
index 4f139b0..faa7d38 100644
--- a/src/views/development/index.vue
+++ b/src/views/development/index.vue
@@ -1,14 +1,12 @@
 <!--  -->
 <template>
   <div>
-    <TabBar />
+    啊实打实的
   </div>
 </template>
 
 <script>
-import TabBar from '@/components/TabBar';
 export default {
-  components: { TabBar },
   data() {
     return {};
   },
diff --git a/src/views/insight/index.vue b/src/views/insight/index.vue
index 4f139b0..5361586 100644
--- a/src/views/insight/index.vue
+++ b/src/views/insight/index.vue
@@ -1,14 +1,12 @@
 <!--  -->
 <template>
   <div>
-    <TabBar />
+
   </div>
 </template>
 
 <script>
-import TabBar from '@/components/TabBar';
 export default {
-  components: { TabBar },
   data() {
     return {};
   },
diff --git a/src/views/myself/index.vue b/src/views/myself/index.vue
index 4eb8ad3..c1cad82 100644
--- a/src/views/myself/index.vue
+++ b/src/views/myself/index.vue
@@ -53,7 +53,6 @@
         <SubmenuList :title="othersSetting.title" :list="othersSetting.list"> </SubmenuList>
       </div>
     </div>
-    <TabBar />
   </div>
 </template>
 
@@ -64,9 +63,8 @@ import APIUser from '@/api/user';
 import APIDevice from '@/api/device';
 import ToastService from '@/services/toast-service';
 import { isNotNull } from '@/services/utils-service';
-import TabBar from '@/components/TabBar';
 export default {
-  components: { /* NavBar,  */ SubmenuList, TabBar },
+  components: { /* NavBar,  */ SubmenuList },
   data() {
     return {
       userInfos: {},
diff --git a/src/views/optimize/index.vue b/src/views/optimize/index.vue
index 4f139b0..abb73ca 100644
--- a/src/views/optimize/index.vue
+++ b/src/views/optimize/index.vue
@@ -1,14 +1,11 @@
 <!--  -->
 <template>
   <div>
-    <TabBar />
   </div>
 </template>
 
 <script>
-import TabBar from '@/components/TabBar';
 export default {
-  components: { TabBar },
   data() {
     return {};
   },
diff --git a/src/views/today/index.vue b/src/views/today/index.vue
index 4f139b0..abb73ca 100644
--- a/src/views/today/index.vue
+++ b/src/views/today/index.vue
@@ -1,14 +1,11 @@
 <!--  -->
 <template>
   <div>
-    <TabBar />
   </div>
 </template>
 
 <script>
-import TabBar from '@/components/TabBar';
 export default {
-  components: { TabBar },
   data() {
     return {};
   },