diff --git a/src/pages/Demo.vue b/src/pages/Demo.vue
new file mode 100644
index 0000000..2a3b188
--- /dev/null
+++ b/src/pages/Demo.vue
@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <p>query: {{$route.query}}</p>
+    <p>params: {{$route.params}}</p>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'Demo'
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/list/QueryList.vue b/src/pages/list/QueryList.vue
index f5a1f4f..eaf44bf 100644
--- a/src/pages/list/QueryList.vue
+++ b/src/pages/list/QueryList.vue
@@ -116,6 +116,7 @@
           <a @click="deleteRecord(record.key)" v-auth="`delete`">
             <a-icon type="delete" />删除2
           </a>
+          <router-link :to="`/list/query/detail/${record.key}`" >详情</router-link>
         </div>
         <template slot="statusTitle">
           <a-icon @click.native="onStatusTitleClick" type="info-circle" />
diff --git a/src/router/config.js b/src/router/config.js
index 88a89ff..c3f788b 100644
--- a/src/router/config.js
+++ b/src/router/config.js
@@ -95,6 +95,15 @@ const options = {
               },
               component: () => import('@/pages/list/QueryList'),
             },
+            {
+              path: 'query/detail/:id',
+              name: '查询详情',
+              meta: {
+                highlight: '/list/query',
+                invisible: true
+              },
+              component: () => import('@/pages/Demo')
+            },
             {
               path: 'primary',
               name: '标准列表',
@@ -230,6 +239,28 @@ const options = {
           },
           component: () => import('@/pages/form/basic')
         },
+        {
+          name: '带参菜单',
+          path: 'router/query',
+          meta: {
+            icon: 'project',
+            query: {
+              name: '菜单默认参数'
+            }
+          },
+          component: () => import('@/pages/Demo')
+        },
+        {
+          name: '动态路由菜单',
+          path: 'router/dynamic/:id',
+          meta: {
+            icon: 'project',
+            params: {
+              id: 123
+            }
+          },
+          component: () => import('@/pages/Demo')
+        },
         {
           name: 'Ant Design Vue',
           path: 'antdv',