Drawer 抽屉

从父级窗口边缘滑出的浮层面板。

Drawer

Props

Prop NameTypeRequiredDefaultDescription
visible
bool
false
是否显示,controlled
mask
bool
true
是否有遮罩
maskClosable
bool
true
是否可以点击遮罩关闭
keyboard
bool
false
是否可以esc关闭
onClose
func
() => {}
点击关闭按钮、遮罩进行关闭时的回调
destroyOnClose
bool
关闭后是否自动销毁
placement
enum
'right'
弹出位置
width
union
抽屉的宽度,left right可用
height
union
抽屉的高度,top bottom可用
getContainer
func
设置抽屉容器
zIndex
number
1010
弹出层的z-index
closeHandler
union
传入 false/null 隐藏关闭控件,或自定义控件

说明

这是 Drawer 抽屉组件

演示

普通使用

VIEW CODE ( LIVE )

destroyOnClose - 关闭时是否销毁

VIEW CODE ( LIVE )

closeHandler - 自定义关闭控件

VIEW CODE ( LIVE )

getContainer - 弹出层容器

VIEW CODE ( LIVE )

placement - 位置

VIEW CODE ( LIVE )

多层嵌套

VIEW CODE ( LIVE )

popupContainer - 弹出层容器

VIEW CODE ( LIVE )
Copyright © 2021-2024 UCloud 优刻得科技股份有限公司