ant design pro 面包屑和多标签页

方法

1，首先在页面中引入import { PageHeaderWrapper } from '@ant-design/pro-layout';

2，在return中写 <PageHeaderWrapper title={false}>

<div>测试2</div>

</PageHeaderWrapper>

多标签页：

终端输入 命令

npm i umi-plugin-panel-tabs

安装命令前记得先把文件中的node_modules删除，

安装完成后即可，但是登陆页也会显示标签，解决办法：

登录页不要在路由写 name, 有 name 就有标签页，或者在 name 下方再加一个配置，hideInPanelTab: true,也可以在标签中隐藏，把登陆页的name隐藏掉，将面包屑放到标签栏上方的header中：

在app.ts的layout函数中返回值加入headerContentRender: () => <ProBreadcrumb />