swipe-panel-mopc
v1.2.0
Published
swipr-panel for mobile or PC
Downloads
5
Readme
组件介绍
通用滑动面板组件 (类似百度、高德首页上拉面板)
参数说明
属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 --|:--:|:--:|:--:|:--: | :-: 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 | 调用拉起到最高 | -- | --