Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🐛[BUG] PageContainer是个什么玩劣份子。header头怎么都干不掉呢! #9061

Closed
codedart2018 opened this issue Sep 8, 2021 · 8 comments · Fixed by ant-design/pro-components#3631
Labels

Comments

@codedart2018
Copy link

codedart2018 commented Sep 8, 2021

直接上图吧!
图片
红圈那块。我在app.tsx里设置了

  breadcrumbRender: false,

同时也设置了

<PageContainer title={false} ghost={false} header={undefined} breadcrumbRender={false}>
</PageContainer>

它还是显示留白,就想问下这狗皮膏药如何去掉,我不想显示它!

控制台查看节点

<div class="ant-pro-page-container">
  <div class="ant-pro-page-container-warp">
  <div class="ant-page-header"></div>
  </div>
  <div class="ant-pro-grid-content">
  </div>
</div>

© 版本信息
Ant Design Pro 版本: [e.g. 5.0.0]
umi 版本:[3.5.17]
浏览器环境: chrome(最新)
开发环境 [macos]

@github262302
Copy link

全局css 试试 height:0 display:none

@codedart2018
Copy link
Author

全局css 试试 height:0 display:none

css肯定不合理的。虽然我不想要,但不是所有都不想要!

@github262302
Copy link

截屏2021-09-08 下午12 43 36
截屏2021-09-08 下午12 44 09
截屏2021-09-08 下午12 44 38
截屏2021-09-08 下午12 44 58

@chenshuai2144
Copy link
Collaborator

是个bug,上次版本更新修掉了,判断写反了

@codedart2018
Copy link
Author

是个bug,上次版本更新修掉了,判断写反了

我重新安装了,你们没有修复掉吧 ghost={true} 虽然白色块不显示了 但是占位还在啊。这太坑了吧。你们额外加个参数一招否定这个 ant-pro-page-container-warp 这个div 行不行哦。太坑了

@qq1170623178
Copy link

建议官方收纳一下,不想用header,可以加个参数header={false}来关闭的功能

@codedart2018
Copy link
Author

建议官方收纳一下,不想用header,可以加个参数header={false}来关闭的功能

我都还没有处理这个东西。这个确实应该关闭,不应该留白。很讨厌的

@qq1170623178
Copy link

可以好好利用这个占位,正好当个maigin了,再不行就只能用css了

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants