diff --git a/src/App.vue b/src/App.vue
index 9023b05fe789ec246c4754d0ae1e2b3d78d68118..e1b7925aab1c9628072a996e27b18d04abc5231c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import Layout from '@/components/layout.vue'
+import Layout from '@/components/layout/index.vue'
 export default {
   name: 'App',
   components: {
diff --git a/src/components/layout/dynamicRoute.vue b/src/components/layout/dynamicRoute.vue
new file mode 100644
index 0000000000000000000000000000000000000000..74dc783ba247cb382504c0a1e1d095c8b08d8ade
--- /dev/null
+++ b/src/components/layout/dynamicRoute.vue
@@ -0,0 +1,27 @@
+<template>
+    <div>
+        <router-view></router-view>
+    </div>
+</template>
+<script>
+    export default{
+        name:'DynamicRoute',
+        data(){
+            return {
+
+            }
+        },
+
+        mounted(){
+
+        },
+
+        methods:{
+
+        },
+
+    }
+</script>
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/layout.vue b/src/components/layout/index.vue
similarity index 68%
rename from src/components/layout.vue
rename to src/components/layout/index.vue
index 27626390e4ae99c6282307db4e827b7d2c5f62e0..7a7a06b8a1b41bbd69251994354e0723247c4769 100644
--- a/src/components/layout.vue
+++ b/src/components/layout/index.vue
@@ -3,37 +3,39 @@
         <el-header>
             <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect"
                 background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
-                <el-menu-item index="1"><i class="el-icon-s-home"></i>主页</el-menu-item>
+                <template>
+                 <el-menu-item index="1"><i class="el-icon-s-pie"></i>主页</el-menu-item>
+                </template>
                 <el-submenu index="2">
                     <template slot="title">我的工作台</template>
                     <el-menu-item index="2-1">选项1</el-menu-item>
                     <el-menu-item index="2-2">选项2</el-menu-item>
                     <el-menu-item index="2-3">选项3</el-menu-item>
-                    <el-submenu index="2-4">
-                        <template slot="title">选项4</template>
-                        <el-menu-item index="2-4-1">选项1</el-menu-item>
-                        <el-menu-item index="2-4-2">选项2</el-menu-item>
-                        <el-menu-item index="2-4-3">选项3</el-menu-item>
-                    </el-submenu>
                 </el-submenu>
                 <el-menu-item index="3" disabled>消息中心</el-menu-item>
                 <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
             </el-menu>
         </el-header>
         <el-main>
-            <router-view></router-view>
+            <DynamicRoute/>
         </el-main>
     </el-container>
 </template>
 <script>
+import DynamicRoute from './dynamicRoute.vue';
+import routes from '@/router/routes'
+function  converRouteData(arr){
+        
+};
 export default {
     name: 'layout',
+    components:{DynamicRoute},
     data() {
         return {
-            activeIndex: '1',
-            activeIndex2: '1'
+            menuList:[]
         }
     },
+   
     methods: {
         handleSelect(key, keyPath) {
             console.log(key, keyPath);
diff --git a/src/router/routes.js b/src/router/routes.js
index 23e2c4378c7b6b136bdf191ce84ab59d726a37ed..eec74ce282fc58256c4cc007de2ffae016684e3d 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -1,19 +1,32 @@
 import Home from '@/views/Home/index.vue'
+import DynamicRoute from '@/components/layout/dynamicRoute.vue'
 export default [
     {
         path:'/',
+        meta:{title:'主页',icon:'el-icon-s-home'},
         name:'home',
-        meta:{},
         component:Home
     },
     {
-        path:'echarts',
-        redirect:'gantt',
+        path:'/element-ui',
+        meta:{title:'Element-Ui',icon:''},
+        component:DynamicRoute,
+    },
+    {
+        path:'/antdv',
+        meta:{title:'Ant-Design-Vue',icon:''},
+        component:DynamicRoute,
+    },
+    {
+        path:'/echarts',
+        meta:{title:'Echarts',icon:''},
+        component:DynamicRoute,
+        redirect:'/echarts/gantt',
         children:[
             {
-                path:'/echarts/gantt',
+                path:'gantt',
                 name:'Gantt',
-                meta:{},
+                meta:{title:'甘特图'},
                 component:() => import('@/views/Echarts/GanttChart.vue')
             }
         ]
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/utils/modules/routeUtils.js b/src/utils/modules/routeUtils.js
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391