1.2.0 • Published 1 year ago
swipe-panel-mopc v1.2.0
组件介绍
通用滑动面板组件 (类似百度、高德首页上拉面板)
参数说明
| 属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 | |
|---|---|---|---|---|---|---|
| duration | 否 | number | 动画时长 | 300 | -- | |
| minHeight | 是 | number | string | 显示的最小高度 | -- | 300px，支持vh |
| maxHeight | 是 | number | string | 拉起的最大高度 | -- | 300px，支持vh |
| easing | 是 | string | transition-timing-function 值一致 | ease | -- | |
| onTouchUpEnd | 否 | ()=>void | 上滑结束时调用 | -- | -- | |
| onTouchDownEnd | 否 | ()=>void | 下滑结束时调用 | -- | -- | |
| onTouchDownStart | 否 | ()=>void | 下滑开始时调用，会多次调用 | -- | -- | |
| onTouchUpStart | 否 | ()=>void | 上滑开始时调用，会多次调用 | -- | -- | |
| onTouchStart | 否 | (e: TouchEvent)=>void | 同原生事件一致 | -- | -- | |
| onTouchMove | 否 | (e: TouchEvent)=>void | 同原生事件一致 | -- | -- | |
| onTouchEnd | 否 | (e: TouchEvent)=>void | 同原生事件一致 | -- | -- | |
| onStart | 否 | ()=>void | 恢复到初始状态调用（最小高度时调用） | -- | -- | |
| onEnd | 否 | ()=>void | 被拉起到最高屎调用（最大高度时调用） | -- | -- |
ref 可调用
| 属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 |
|---|---|---|---|---|---|
| start | -- | ()=>void | 调用回到初始状态 | -- | -- |
| end | -- | ()=>void | 调用拉起到最高 | -- | -- |