Ant Design Pro 顶部显示面包屑

简介: Ant Design Pro 顶部显示面包屑

按照以下步骤即可实现


先引入ProBreadcrumb 面包屑组件


import { ProBreadcrumb } from '@ant-design/pro-components';


然后在app.tsx或app.jsx中导出的layout中设置headerContentRender来自定义头部内容


headerContentRender: () => {
  return <><ProBreadcrumb /></>
},

相关文章
|
前端开发
修改Ant Design 按钮的样式
修改Ant Design 按钮的样式
495 0
ant design pro 面包屑和多标签页
ant design pro 面包屑和多标签页
475 0
ant design pro 更改表格自带的分页
ant design pro 更改表格自带的分页
141 0
|
JavaScript
ant design vue 设置表格选择框,全选按钮选不全
ant design vue 设置表格选择框,全选按钮选不全
1581 0
|
前端开发
ant design一个页面(新增编辑)
ant design一个页面(新增编辑)
70 0
|
前端开发
ant design封装一个弹框组件
ant design封装一个弹框组件
116 0
|
API
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
874 0
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
|
前端开发 JavaScript
重置ant design得样式
重置ant design得样式
79 0
hook+ant design实现列表的增加和修改(弹出框)
hook+ant design实现列表的增加和修改(弹出框)
91 0
|
前端开发
ant design锚点组件
ant design锚点组件
91 0