ant design vue pro 面包屑移至最顶上显示,如图
操作如下:
1、在src/layouts/BasicLayout.vue 中
<pro-layout 中加入如下代码
<template v-slot:headerContentRender>
<page-header-wrapper :title="false">
</page-header-wrapper>
</template>
2、样式调整
在src/layouts/BasicLayout.less 中
加入如下样式
.ant-pro-global-header {
.ant-page-header.has-breadcrumb {
padding-top: 15px;
}
.ant-breadcrumb {
line-height: 32px;
}
}
3. 上述操作完成,浏览效果如上图。