ant-design/components/drawer/demo/render-in-current.md

32 lines
875 B
Markdown
Raw Normal View History

## zh-CN
渲染在当前 dom 里。自定义容器,查看 `getContainer`
2022-12-02 22:44:16 +08:00
注意:在 v5 中 `style``className` 迁移至 Drawer 面板上与 Modal 保持一致,原 `style``className` 替换为 `rootStyle``rootClassName`
## en-US
Render in current dom. custom container, check `getContainer`.
Note: `style` and `className` props are moved to Drawer panel in v5 which is aligned with Modal component. Original `style` and `className` props are replaced by `rootStyle` and `rootClassName`.
2022-12-02 22:44:16 +08:00
2019-12-25 11:02:45 +08:00
```css
.site-drawer-render-in-current-wrapper {
position: relative;
height: 200px;
2019-12-25 11:02:45 +08:00
padding: 48px;
overflow: hidden;
2019-12-25 11:02:45 +08:00
text-align: center;
background: #fafafa;
border: 1px solid #ebedf0;
border-radius: 2px;
2019-12-25 11:02:45 +08:00
}
```
<style>
2019-12-25 17:43:39 +08:00
[data-theme="dark"] .site-drawer-render-in-current-wrapper {
2019-12-25 11:02:45 +08:00
background: #000;
border: 1px solid #303030;
}
</style>