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