蚂蚁设计的响应式机器人

时间:2019-11-06 12:11:02

标签: javascript reactjs antd

首先,观看这段视频解释我想做的事可能会有所帮助:https://www.loom.com/share/1447f9a8d5ea44b18d6e39a6ea65c469

话虽如此,这是书面说明:

Ant Design Layout组件可用于创建可切换的侧栏-如文档中的此处所示:https://ant.design/components/layout/#components-layout-demo-custom-trigger

可以使同一边栏具有响应能力-如文档中的此处所示:https://ant.design/components/layout/#components-layout-demo-responsive

我将这两个功能结合在一起,并创建了一个响应式,可切换的侧边栏。在我的特定配置中,当边栏的宽度小于1200px时,它会缩小到80px。

一切正常。

我现在想做的是设置第二个断点(在我的情况下,在md断点处为768px)。在该断点处,我希望边栏缩小到0像素,但仍可以通过标题中的触发图标进行切换。

关于如何使用Ant Design设置第二个断点的任何想法?

0 个答案:

没有答案