SliderMenu 侧滑组件 1.0.2
左右滑动菜单项,可做列表的删除等操作。
用户自定义组件的模板时data-role属性是必须的,data-role="slideMenuItem"是整个item节点,data-role="slideMenuCnt"是指可被滑动的节点,data-role="slideMenuAction"是提供操作的区域,比如删除,查看详情等
继承自:Base
查看示例:Demo (PC需开启模拟器)
container { HTMLElement } #
组件作用的节点,节点内的列表才能左右滑动,默认body
menuItemTag { String } #
默认滑动条目的data-role类型,默认slideMenuItem
menuActionTag { String } #
默认滑动后出现的可操作的节点的data-role类型,默认为slideMenuAction
menuContentTag { String } #
默认可滑动的节点的data-role类型,默认为slideMenuCnt
unit { String } #
滑动单位
use3d { Boolean } #
是否开启GPU加速,默认为true
cancelTapBubble { Boolean } #
是否组织tap事件冒泡,默认为false
allowance { Number } #
改变组件状态的滑动距离,默认为50
exclusive { Boolean } #
是否开启同一容器内所有条目滑动互斥,默认为true
lockY { Boolean } #
是否在横向滑动的时候讲禁止纵向滑动,默认为false
setDisabled #
@param {Boolean} disabled 是否为disabled状态
getDisabled #
返回组件是否为disabled状态
返回值: Boolean 组件的是否为disabled状态
getOpen 1.0.1 #
获取组件的item是否打开
方法参数:
参数名 | 类型 | 描述 | 必选 | 支持版本 |
---|---|---|---|---|
el | HTMLElement | 需要判断的节点,节点需具有data-role的属性 |
返回值: Boolean 获取节点或者组件的open状态
closeAll #
关闭所有打开的节点
setOpen #
设置当前el状态是否是打开关闭状态
方法参数:
参数名 | 类型 | 描述 | 必选 | 支持版本 |
---|---|---|---|---|
open | Boolean | 是否关闭状态 | ||
silence | Boolean | 是否不触发open事件,默认为false,触发open事件 |
render #
渲染组件,组件使用的入口
destroy #
销毁组件
tap #
用户点击组件可操作区域时触发的事件
方法参数:
参数名 | 类型 | 描述 | 必选 | 支持版本 |
---|---|---|---|---|
targetEl | HTMLElement | 点击的target |