SliderMenu 侧滑组件 1.0.2

左右滑动菜单项,可做列表的删除等操作。

用户自定义组件的模板时data-role属性是必须的,data-role="slideMenuItem"是整个item节点,data-role="slideMenuCnt"是指可被滑动的节点,data-role="slideMenuAction"是提供操作的区域,比如删除,查看详情等

继承自:Base

查看示例:Demo (PC需开启模拟器)

slidermenu

属性

container { HTMLElement } #

组件作用的节点,节点内的列表才能左右滑动,默认body

默认滑动条目的data-role类型,默认slideMenuItem

默认滑动后出现的可操作的节点的data-role类型,默认为slideMenuAction

默认可滑动的节点的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