m-slip 滑片组件
何时使用
侧边栏、操作表、Popup等等很多场景。可以指定滑入的距离、方向
API
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
content | 滑块内容,必填 | react元素 | 无 | |
titleCenter | 标题释放居中 | boolean | true | |
hasHeader | 是否有头部结构 | boolean | true | |
hasCross | 右上角的叉图标。规则是:如果depth是'100',默认有叉;否则默认没有叉。在这个前提上,如果调用者手动传入了hasCross为true或false,则忽略对depth的判断依赖 | boolean | undefined | |
depth | 片滑入的深度占方向总宽(或高)的百分比值 | string | 默认是100(即100%,全屏),0~100都可以 | '100' |
dir | 滑块进入方向 | string | 'top', 'bottom', 'left', 'right' | 'bottom' |
onOpen | 滑块打开时的回调 | funtion | noop | |
onOpened | 滑块打开动画完成后的回调 | funtion | noop | |
onClose | 滑块关闭时的回调 | funtion | noop | |
onClosed | 滑块关闭动画完成后的回调 | funtion | noop |
静态方法
Slip.hide()
比如:Slip.hide(3000)
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
delaytime | 可选,延时多少毫秒后关闭当前的Slip | number | 无 |