在蚂蚁设计中完全隐藏侧边栏

时间:2017-09-15 09:24:32

标签: antd

有没有在onCollapse方法上完全隐藏蚂蚁设计侧边栏? 一种方法是将它的显示设置为none,但我不希望那样因为我想要onCollapse方法默认提供的相同动画。

2 个答案:

答案 0 :(得分:5)

the "Responsive" example中所述,您可以设置<Layout.Sider collapsedWidth={0} />,这将完全隐藏它。

默认情况下会显示带有汉堡图标的触发按钮,但您可以通过添加trigger={null}将其关闭。

答案 1 :(得分:0)

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

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

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