diff --git a/src/components/Navigation/NavBar.vue b/src/components/Navigation/NavBar.vue
index dde6718..6c5893b 100644
--- a/src/components/Navigation/NavBar.vue
+++ b/src/components/Navigation/NavBar.vue
@@ -35,7 +35,7 @@ $headerHeight: 48px;
     top: 0;
     left: 0;
     right: 0;
-    z-index: 1;
+    z-index: 3;
     box-shadow: 0 1px 4px rgba(0,21,41,.08);
   }
   .navbar-header-box {
diff --git a/src/router/routes.js b/src/router/routes.js
index 6fa995e..e0505fc 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -67,10 +67,19 @@ const routes = [
   {
     path: '/charts',
     name: 'Charts',
-    component: importModule('ChartsTest/pages/index'),
-    meta: {
-      title: '可视化-图表'
-    }
+    component: LayoutBasic,
+    icon: 'chart-bar',
+    redirect: '/charts/demo',
+    children: [
+      {
+        path: 'demo',
+        name: 'ChartsDemo',
+        component: importModule('ChartsTest/pages/index'),
+        meta: {
+          title: '可视化-图表-demo'
+        }
+      }
+    ]
   },
   {
     path: '/user',