做一个卡片组件作为抽屉 Ant Design

【问题标题】：Make a card component as drawer Ant Design做一个卡片组件作为抽屉 Ant Design
【发布时间】：2020-09-29 18:20:24
【问题描述】：

我需要一点帮助。

我正在使用 Ant Design 抽屉，我想要一个特定的卡片组件从屏幕边缘滑出。我已经搜索过这个但没有得到任何解决方案。请检查沙盒，左边的卡片应该从左边滑动。请帮帮我。附上一张图片以便更好地理解。

沙盒链接：https://codesandbox.io/s/musing-leaf-0jj6p?file=/index.js

图片链接：https://www.awesomescreenshot.com/image/4897738/d3c8150967f9b7ee17c8881562727b95

谢谢。

【问题讨论】：

请您进一步澄清一下？因为链接已经有抽屉了。
就像那张卡片应该是一个抽屉。明白了吗？
@vyas-arpit 你明白这里有什么问题吗？
不完美。你能分享一些你想要达到的目标吗？
一分钟。我会分享图片。

标签： reactjs antd

【解决方案1】：

您可以像这样使用自定义 CSS。

在你的反应代码中这样做。

 <Drawer
      className="drawer-height"
        placement="left"
        width={250}
        closable={false}
        onClose={onClose}
        visible={visible}
      >

并将其添加到您的 css 文件中。

.drawer-height {
  height  : 200px;
}

希望这会有所帮助！

【讨论】：

是的。它会帮助我。谢谢你。但我有一个疑问，我们不能让那张卡只移动吗？
只移动是什么意思？
卡片应该从屏幕向右滑动，反之亦然？
只从左边没有。但卡本身滑动。我们不能那样做吗？
我们可以做到，但是，我们必须使用自定义 css，而 antd 没有提供更多的自定义。