update

src/layout/components/Navbar.vue

@@ -11,9 +11,13 @@
           <i class="el-icon-caret-bottom" />
         </div>
         <el-dropdown-menu slot="dropdown" class="user-dropdown">
+
+          <el-dropdown-item>
+            {{userName}}
+          </el-dropdown-item>
           <router-link to="/">
             <el-dropdown-item>
-              Home
+              修改密码
             </el-dropdown-item>
           </router-link>
 <!--          <a target="_blank" href="https://github.com/PanJiaChen/vue-admin-template/">-->

src/layout/components/Sidebar/index.vue

@@ -13,10 +13,10 @@
         mode="vertical"
       >
         <sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path" />
-<!--        <el-menu-item index="4">-->
-<!--          <i class="el-icon-setting"></i>-->
-<!--          <span slot="title">添加用户</span>-->
-<!--        </el-menu-item>-->
+        <el-menu-item index="4">
+          <item icon="el-icon-folder-opened" title="文件管理2.0正在开发" />
+
+        </el-menu-item>
       </el-menu>
     </el-scrollbar>
   </div>
@@ -26,11 +26,12 @@
 import { mapGetters } from 'vuex'
 import Logo from './Logo'
 import SidebarItem from './SidebarItem'
+import Item from './Item'
 import variables from '@/styles/variables.scss'
 import { Message } from 'element-ui'
 
 export default {
-  components: { SidebarItem, Logo },
+  components: { SidebarItem, Logo,Item },
   computed: {
     ...mapGetters([
       'sidebar'
@@ -61,7 +62,7 @@ export default {
 
   },
   mounted() {
-
+    console.log(this.$router.options.routes)
   }
 }
 </script>

src/router/index.js

@@ -53,7 +53,7 @@ export const constantRoutes = [
       path: 'fileList',
       name: 'FileList',
       component: () => import('@/views/fileList/FileList'),
-      meta: { title: '文件列表', icon: 'dashboard' }
+      meta: { title: '文件列表', icon: 'el-icon-folder-opened' }
       },
 
     ]
@@ -92,18 +92,18 @@ export const constantRoutes = [
   //   ]
   // },
 
-  {
-    path: '/form',
-    component: Layout,
-    children: [
-      {
-        path: 'index',
-        name: 'Form',
-        component: () => import('@/views/form/index'),
-        meta: { title: 'Form', icon: 'form' }
-      }
-    ]
-  },
+  // {
+  //   path: '/form',
+  //   component: Layout,
+  //   children: [
+  //     {
+  //       path: 'index',
+  //       name: 'Form',
+  //       component: () => import('@/views/form/index'),
+  //       meta: { title: 'Form', icon: 'form' }
+  //     }
+  //   ]
+  // },
 
   // {
   //   path: '/nested',

src/styles/variables.scss

@@ -1,13 +1,13 @@
 // sidebar
-$menuText:#bfcbd9;
-$menuActiveText:#409EFF;
+$menuText: #ffffff;
+$menuActiveText: #ffb969;
 $subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951
 
-$menuBg:#304156;
-$menuHover:#263445;
+$menuBg: #2e46c0;
+$menuHover: #243694;
 
-$subMenuBg:#1f2d3d;
-$subMenuHover:#001528;
+$subMenuBg:#2e46c0;
+$subMenuHover:#243694;
 
 $sideBarWidth: 210px;