diff --git a/src/router/index.js b/src/router/index.js
index 2e57ee3..ddc752f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -51,6 +51,20 @@ export const constantRouterMap = [
       meta: { title: 'documentation', icon: 'documentation', noCache: true }
     }]
   },
+  {
+    path: '/counter',
+    component: Layout,
+    redirect: '/counter/index',
+    meta: {
+      title: 'counter',
+      icon: 'chart'
+    },
+    children: [
+      { path: 'index', component: () => import('@/views/counter/index'), name: 'counter', meta: { title: 'counter' }},
+      { path: 'device', component: () => import('@/views/counter/device'), name: 'device', meta: { title: 'device' }},
+      { path: 'count', component: () => import('@/views/counter/count'), name: 'count', meta: { title: 'count' }}
+    ]
+  },
   {
     path: '/guide',
     component: Layout,
diff --git a/src/views/counter/count.vue b/src/views/counter/count.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/counter/device.vue b/src/views/counter/device.vue
new file mode 100644
index 0000000..3596db4
--- /dev/null
+++ b/src/views/counter/device.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="device-container">
+    <h3>Device List</h3>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'device'
+}
+</script>
+
+<style lang="scss">
+
+</style>
diff --git a/src/views/counter/index.vue b/src/views/counter/index.vue
new file mode 100644
index 0000000..caccc6b
--- /dev/null
+++ b/src/views/counter/index.vue
@@ -0,0 +1,15 @@
+<template>
+  <div class="device-container">
+    <h3>Counter Page</h3>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'counter'
+}
+</script>
+
+<style lang="scss">
+
+</style>