1.1.0 • Published 7 years ago
m-slip v1.1.0
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 | 无 |