Ant Design Pro 学习二 新建菜单-布局

新建布局,注意格式: src/common/nav.js 中增加

{
  component: dynamicWrapper(app, [], () => import('/path/to/NewLayout')),     // 新建的模板,使用`dynamic`动态引入
  layout: 'NewLayout',        // 标记,生成路由时会用到
  children: [{
    name: '新布局',            // 新布局下的页面都可以放到这里
    icon: 'new',        //小图标
    path: 'new',        //这里是routes(业务页面入口和常用模板)下的目录
    children: [
    //新的页面
    {   name: '新页面',   path: 'new-page',  //小图标   component: dynamicWrapper(app, ['NewPageModel'], () => import('/path/to/NewPage')),   }
  ], }], }

新建页面:src/routes 下新建 NewPage.js NewPage.less

{
    name: '测试一下',
    path: 'new',
    component: dynamicWrapper(app, ['list'], () => import('../routes/New/NewPage')),
 },

如果需要用到 数据流,还需要在 src/models    src/services   中建立相应的 model 和 service

原文地址:https://www.cnblogs.com/eeds-wangwei/p/8118178.html