11import React from 'react' ;
22import './App.css' ;
3- import ConsoleMenu from "@alicloud/console-components-console-menu" ;
4- import { Button , Message } from "@alicloud/console-components" ;
3+ import { IRoutableItemDescriptor } from "@alicloud/console-components-console-menu" ;
4+ import RoutableMenu from "@alicloud/console-components-console-menu/lib/RoutableMenu " ;
55import AppLayout from "@alicloud/console-components-app-layout" ;
6- import Page from '@alicloud/console-components-page'
76
87
98import "@alicloud/console-components/dist/wind.css" ;
10- import { Link , Switch , Route } from "dva/router" ;
9+ import { Redirect , Route , Switch } from "dva/router" ;
1110import AppList from "./AppList" ;
1211
12+
13+ const items : IRoutableItemDescriptor [ ] = [
14+ // {key: '/home', to: '/', label: '概览'},
15+ { key : '/application' , to : '/application' , label : '应用列表' } ,
16+ ] ;
17+
1318const Nav = ( ) => (
14- < ConsoleMenu >
15- { /*<ConsoleMenu.Item key="aaaa"><Link to="/a">aaaa</Link></ConsoleMenu.Item>*/ }
16- < ConsoleMenu . Item key = "AppList" > < Link to = "/AppList" > 应用列表</ Link > </ ConsoleMenu . Item >
17- { /*<ConsoleMenu.SubMenu key="log" label="日志">*/ }
18- { /* <ConsoleMenu.Item key="access-log">访问日志</ConsoleMenu.Item>*/ }
19- { /* <ConsoleMenu.Item key="load-log">负载日志</ConsoleMenu.Item>*/ }
20- { /*</ConsoleMenu.SubMenu>*/ }
21- { /*<ConsoleMenu.Item key="help">产品帮助</ConsoleMenu.Item>*/ }
22- { /*<ConsoleMenu.Item key="api-docs">API 文档</ConsoleMenu.Item>*/ }
23- </ ConsoleMenu >
19+ < RoutableMenu
20+ items = { items }
21+ defaultActiveKey = { '/application' }
22+ />
2423) ;
2524
2625function App ( ) {
@@ -29,9 +28,12 @@ function App() {
2928 nav = { < Nav /> }
3029 >
3130 < Switch >
32- < Route path = "/AppList " >
31+ < Route path = "/application " >
3332 < AppList />
3433 </ Route >
34+ < Route path = "/" >
35+ < Redirect to = { '/application' } />
36+ </ Route >
3537 </ Switch >
3638 </ AppLayout >
3739 ) ;
0 commit comments