首先,观看这段视频解释我想做的事可能会有所帮助: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设置第二个断点的任何想法?