Slideview

左滑删除组件,基础库 2.4.4 开始支持。

代码引入

在 page.json 中引入组件

  1. {
  2. "usingComponents": {
  3. "mp-slideview": "weui-miniprogram/slideview/slideview"
  4. }
  5. }

示例代码

属性列表

属性类型默认值必填说明
ext-classstring添加在组件内部结构的class,可用于修改组件内部的样式
disablebooleanfalse是否禁用slideview
buttonsarray<object>[]左滑的按钮组,建议最多3个按钮
iconbooleanfalse按钮是否是icon
showboolean是否显示slideview,可以控制隐藏显示
durationboolean350slideview显示隐藏的动画的时长
throttlenumber40手指移动距离超过该值的时候,触发slideview的显示隐藏
bindbuttontapeventhandlerbuttons按钮组点击时触发的事件,detail为{index, data},data是按钮的配置项传入的data参数
bindhideeventhandler隐藏时触发的事件
bindshoweventhandler显示时触发的事件

buttons提供按钮组配置,每一项表示一个按钮,每一项的属性为

属性类型默认值必填说明
extClassstring按钮的额外的class,可用于修改组件内部的样式
typestringdefault按钮的类型,取值default和warn,warn是红色按钮
textstring按钮的文本
srcstring如果icon为true,此属性有效
dataany触发bindbuttontap回传的数据