diff --git a/src/views/layout/components/Levelbar.vue b/src/components/Breadcrumb/index.vue
similarity index 100%
rename from src/views/layout/components/Levelbar.vue
rename to src/components/Breadcrumb/index.vue
diff --git a/src/views/layout/components/Navbar.vue b/src/views/layout/components/Navbar.vue
index b9ac899db5f4e1f09ea9aacbe0d43fb15c2e372f..229d6d1c192c8ab97416406a16e11165a53304fc 100644
--- a/src/views/layout/components/Navbar.vue
+++ b/src/views/layout/components/Navbar.vue
@@ -2,7 +2,7 @@
   <el-menu class="navbar" mode="horizontal">
     <hamburger class="hamburger-container" :toggleClick="toggleSideBar" :isActive="sidebar.opened"></hamburger>
 
-    <levelbar class="levelbar-container"></levelbar>
+    <breadcrumb class="breadcrumb-container"></breadcrumb>
 
     <div class="right-menu">
 
@@ -53,7 +53,7 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import Levelbar from './Levelbar'
+import Breadcrumb from '@/components/Breadcrumb'
 import Hamburger from '@/components/Hamburger'
 import ThemePicker from '@/components/ThemePicker'
 import Screenfull from '@/components/Screenfull'
@@ -62,7 +62,7 @@ import errLogStore from 'store/errLog'
 
 export default {
   components: {
-    Levelbar,
+    Breadcrumb,
     Hamburger,
     ThemePicker,
     ErrorLog,
@@ -113,7 +113,7 @@ export default {
     float: left;
     padding: 0 10px;
   }
-  .levelbar-container{
+  .breadcrumb-container{
     float: left;
   }
   .errLog-container {
diff --git a/src/views/layout/components/SidebarItem.vue b/src/views/layout/components/Sidebar/SidebarItem.vue
similarity index 100%
rename from src/views/layout/components/SidebarItem.vue
rename to src/views/layout/components/Sidebar/SidebarItem.vue
diff --git a/src/views/layout/components/Sidebar.vue b/src/views/layout/components/Sidebar/index.vue
similarity index 100%
rename from src/views/layout/components/Sidebar.vue
rename to src/views/layout/components/Sidebar/index.vue
diff --git a/src/views/layout/components/index.js b/src/views/layout/components/index.js
index ab8f477afc5c93d56a595a0e745aa63f90e037e3..8b43da1f6a85578a75f2938f8045b220870c611d 100644
--- a/src/views/layout/components/index.js
+++ b/src/views/layout/components/index.js
@@ -1,4 +1,4 @@
 export { default as Navbar } from './Navbar'
-export { default as Sidebar } from './Sidebar'
+export { default as Sidebar } from './Sidebar/index.vue'
 export { default as TabsView } from './TabsView'
 export { default as AppMain } from './AppMain'