新增页面以及样式修改

src/components/menu.vue

@@ -14,7 +14,7 @@
                     {{item.name}}
                 </template>
                 <template v-for='i in item.children'>
-                  <MenuItem :to='i.link'  :name="i.name">{{i.name}}</MenuItem>
+                  <MenuItem :to='i.link'  :name="i.name + index">{{i.name}}</MenuItem>
                 </template>
               </Submenu>
             </template>
@@ -63,29 +63,29 @@ export default {
             link:'index/',
             isDisabel: false,
             children:[
-              {name:"Active Directory", link:'index/', isDisabel: false},
-              {name:"DNS", link:'index/', isDisabel: false},
-              {name:"事件日志", link:'index/', isDisabel: false},
-              {name:"Images重定向", link:'index/', isDisabel: false},
-              {name:"LDAP/E-Directory", link:'index/', isDisabel: false},
-              {name:"证书", link:'index/', isDisabel: false},
-              {name:"鼠标的模式", link:'index/', isDisabel: false},
-              {name:"NCSI", link:'index/', isDisabel: false},
-              {name:"网络", link:'index/', isDisabel: false},
-              {name:"网络绑定", link:'index/', isDisabel: false},
-              {name:"网络连接", link:'index/', isDisabel: false},
-              {name:"NTP", link:'index/', isDisabel: false},
-              {name:"PAM 指令", link:'index/', isDisabel: false},
-              {name:"PEF", link:'index/', isDisabel: false},
-              {name:"RADIUS", link:'index/', isDisabel: false},
-              {name:"远程会话", link:'index/', isDisabel: false},
-              {name:"服务", link:'index/', isDisabel: false},
-              {name:"SMTP", link:'index/', isDisabel: false},
-              {name:"SSL", link:'index/', isDisabel: false},
-              {name:"系统日志", link:'index/', isDisabel: false},
-              {name:"系统防火墙", link:'index/', isDisabel: false},
-              {name:"用户", link:'index/', isDisabel: false},
-              {name:"虚拟媒体", link:'index/', isDisabel: false},
+                {name: "Active Directory", link: '/index/active_directory', isDisabel: false},
+                {name: "DNS", link: '/index/dns', isDisabel: false},
+                {name: "事件日志", link: '/index/event_log', isDisabel: false},
+                {name:"Images重定向", link:'index/', isDisabel: false},
+                {name:"LDAP/E-Directory", link:'index/', isDisabel: false},
+                {name:"证书", link:'index/', isDisabel: false},
+                {name:"鼠标的模式", link:'index/', isDisabel: false},
+                {name:"NCSI", link:'index/', isDisabel: false},
+                {name:"网络", link:'index/', isDisabel: false},
+                {name:"网络绑定", link:'index/', isDisabel: false},
+                {name:"网络连接", link:'index/', isDisabel: false},
+                {name:"NTP", link:'index/', isDisabel: false},
+                {name:"PAM 指令", link:'index/', isDisabel: false},
+                {name:"PEF", link:'index/', isDisabel: false},
+                {name:"RADIUS", link:'index/', isDisabel: false},
+                {name:"远程会话", link:'index/', isDisabel: false},
+                {name:"服务", link:'index/', isDisabel: false},
+                {name:"SMTP", link:'index/', isDisabel: false},
+                {name:"SSL", link:'index/', isDisabel: false},
+                {name:"系统日志", link:'index/', isDisabel: false},
+                {name:"系统防火墙", link:'index/', isDisabel: false},
+                {name:"用户", link:'index/', isDisabel: false},
+                {name:"虚拟媒体", link:'index/', isDisabel: false},
             ]
           },
           {