optionlist实现列表左滑动后右侧显示隐藏内容点击可进行自定义操作此.pdfVIP

optionList带操作选项的列表组件 实现列表项 向左滑动后右侧显示隐藏内容，点击 进行自定义操作 （此组件依赖必威体育精装版的uap.js及引擎支持） 依赖 uap.js uap.contro .js uap.opt onL st.js uap.contro .css UI展展示 JS对象 函数 uap.optionList({参数}) se ector: /*选择器*/, type: h ddenL ne /*隐藏类型*/, mu t Show : fa se,/*滑动是否可显示多行隐藏的内容*/ durat on : 300ms /*滑动显示隐藏动画时间*/, 方法 set(data) data:JSO : 对象数组，用于 列表条 显示的文字 等信息。 d ontent: /*列表内容*/ data.he ght: /*列表高度，默认为内容区域撑开高度*/ data.onLongTap: /*列表长按事件回调函数*/ data.h deOpt on.content: str ng/数 /*隐 域内容*/ data.h deOpt on.sty e.fontS ze: /*隐 域字体大小*/ data.h deOpt on.sty e.background: /*隐 域背景颜色*/ data.h deOpt on.onC ck(e, ndex, ength): /*点击隐 域的回调函数*/ ; e:供操作的event, ndex:列表序列索引， ength:列表长度 add(data,dir) data: JSON 对象数组，用于 列表条 显示的文字 等信息。 d r: 0 or 1 用于设定数据是在列表前部添加还是后不。0为前部添加。默认为1 on(e, ndex, ength) e:供操作的event, ndex:列表序列索引， ength:列表长度 例如 HTML5代码 d v d stvew /d v JS代码 demo uap.ready(funct on() { var updateData [{ content : 这是一个带操作选项的opt onL st的demo, he ght:5em, h deOpt on : { content : [操作1,操作2], sty e :{ fontS ze : 2em, background : red }, onC ck:funct on(e, ndex, ength){ conso e. og(e); conso e. og(e.current ); conso e. og(e. ); conso e. og( ndex); conso e. og( ength); } }, onLongTap:funct on(e, ndex){ conso e. og(e); conso e. og( ndex); } }, { content : 这是一个带操作选项的opt onL st的demo , he ght:3em, h deOpt o