问在ant设计中完全隐藏侧边栏
EN

Stack Overflow用户

提问于 2017-09-15 17:24:32

回答 2查看 5.9K关注 0票数 5

有没有办法完全隐藏onCollapse方法中的ant设计侧边栏？一种方法是将它的显示设置为none，但我不希望这样，因为我想要onCollapse方法默认提供的相同动画。

发布于 2017-09-17 21:34:12

正如在the "Responsive" example中提到的，您可以设置<Layout.Sider collapsedWidth={0} />，这将完全隐藏它。

默认情况下，这会导致出现一个带有汉堡图标的触发器按钮，但您可以通过添加trigger={null}将其关闭。

票数 7

发布于 2017-09-15 23:08:57

Antd使用类似于bootstrap的断点，他们的想法是移动优先，这意味着你应该首先考虑移动。这意味着，你不应该设计你的web应用程序的桌面，然后试图隐藏/调整时，它是在较小的视图。相反，您应该将其设计为移动视图，然后调整为桌面视图。

最后，我想说的是，将侧边栏的默认状态设置为display:none，然后使用网格断点，如<Col md={2} />

您可以查看此问题以了解更多详细信息antd hide on smaller view

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46236162

复制

相似问题

问在ant设计中完全隐藏侧边栏EN