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

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

小程序tree左滑编辑：

json

{"component": true,"usingComponents": {"mp-slideview": "weui-miniprogram/slideview/slideview"}
}

wxml

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

属性列表

属性	类型	默认值	必填	说明
ext-class	string		否	添加在组件内部结构的class，可用于修改组件内部的样式
disable	boolean	false	否	是否禁用slideview
buttons	array<object>	[]	是	左滑的按钮组，建议最多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回传的数据

微信小程序左滑删除(Slideview)相关推荐

微信小程序左滑删除效果的实现完整源码附效果图
效果图: 功能描述,小程序列表左滑删除功能的实现完整源代码实现: <view wx:for='{{friends}}' wx:key="" wx:if='{{groupTyp ...
微信小程序左滑删除功能(多按钮)
一.效果图二.备注 1.图标为封装阿里云图标组件二.代码 1.wxml <view><block wx:if="{{list.length > 0}}" ...
顺畅操作：教你微信小程序左滑实现更多功能
前言当你在使用微信小程序时,是否曾经遇到过左滑操作是如此的顺畅,让你想起了 iPhone 上的滑动操作?左滑操作在微信小程序中已经成为了一个常见的交互方式,它能够帮助用户快速地执行某些操作,提高了用 ...
微信小程序界面从右边滑出_微信小程序--左滑右滑的乐趣
左滑右滑你不再是一个人无论你是一个程序猿还是一个程序媛,每天干的事除了coding还是coding,代码不能解决的问题(什么问题自己心里还没点abcd数嘛),探探能帮你解决.最近网上特流行一款交 ...
微信小程序---左滑显示删除 movable-area
movable-area 首先页面排版: <view class="act_box"><view class="product_item" w ...
【愚公系列】2022年08月微信小程序-左划删除效果实现
文章目录前言一.左划删除效果实现 1.自定义实现 2.第三方组件实现 2.1 第三方包安装 2.2 使用 3.1 weui方式使用 3.1 weui安装 3.2 使用前言左划删除效果实现主要用 ...
微信小程序丝滑的tab栏
目录前言一.快速开始二.实战 1.在index.js 2.在index.wxcss 3.在 index.wxml 3.效果前言产品拿着某个app的页面来找到我说:"做一个和她这一样 ...
微信小程序云开发删除用户信息
编写一个微信小程序删除已注册的用户的信息. 开发平台:微信开发者工具微信云开发删除信息的代码字段remove: 在delete.js页面添加数据库peocollection(需要提前在云数据库创建并 ...
微信小程序源码删除解决办法解包
本实战教程将一步步告诉你如何"反编译"获得其它小程序的源代码,包括"解包"和"源码还原"两篇,主要参考了看雪论坛.V2EX.GitHub 等 ...

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

微信小程序左滑删除(Slideview)相关推荐

最新文章

热门文章