微信小程序左滑删除(Slideview)

WEUI: https://wechat-miniprogram.github.io/weui/docs/slideview.html

小程序tree左滑编辑：在这里插入图片描述

json

{
  "component": true,
  "usingComponents": {
    "mp-slideview": "weui-miniprogram/slideview/slideview"
  }
}
1
2
3
4
5
6

wxml

 <mp-slideview buttons="{{[{text: '编辑',  data: item, extClass: 'my-slideview'}]}}" bindbuttontap="slideButtonTap" disable="{{item.isTop}}"> 
 	12323
 </mp-slideview>
1
2
3

属性列表

属性	类型	默认值	必填	说明
ext-class	string		否	添加在组件内部结构的class，可用于修改组件内部的样式
disable	boolean	false	否	是否禁用slideview
buttons	array	[]	是	左滑的按钮组，建议最多3个按钮
icon	boolean	false	否	按钮是否是icon
show	boolean		否	是否显示slideview，可以控制隐藏显示
duration	boolean	350	否	slideview显示隐藏的动画的时长
throttle	number	40	否	手指移动距离超过该值的时候，触发slideview的显示隐藏
bindbuttontap	eventhandler		否	buttons按钮组点击时触发的事件，detail为{index, data}，data是按钮的配置项传入的data参数
bindhide	eventhandler		否	隐藏时触发的事件
bindshow	eventhandler		否	显示时触发的事件

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

属性	类型	默认值	必填	说明
extClass	string		否	按钮的额外的class，可用于修改组件内部的样式
type	string	default	否	按钮的类型，取值default和warn，warn是红色按钮
text	string		否	按钮的文本
src	string		否	如果icon为true，此属性有效
data	any		否	触发bindbuttontap回传的数据

相关阅读:
lua整合redis
STL::string简单介绍
leetcode热题HOT 238. 除自身以外数组的乘积
怎样去除视频中的杂音，保留人声部分？
npm install的--save和--save-dev使用说明
JavaScript实现选择排序
聊聊jedis连接池参数配置
现代C++（Modern C++）基本用法实践：N、其他零散的常用特性
drf之day04: drf请求与响应，drf能够解析的请求编码，响应编码，drf之视图组件，2个视图基类
MySQL连接不上，unkown error，docker容器部署MySQL连不上

原文地址：https://blog.csdn.net/weixin_46034375/article/details/126030036