微信小程序左划删除组件(小程序滑动删除组件)

网友投稿 1164 2022-10-10

微信小程序左划删除组件(小程序滑动删除组件)

微信小程序左划删除组件(小程序滑动删除组件)

微信小程序左划删除组件,可能是性能最好、实现最简单的方案,使用官方组件movable-area、cover-view实现

使用指南

在 小程序页面对应的 json配置中引入组件

{ "usingComponents": { "slider-left": "路径组件/slider-left/index" }}

即可在页面中任意位置使用:

hello word

具体参数和事件

参数说明

参数说明类型默认值必须
moveThreshold阈值,往左移动超过则显示删除按钮,否则隐藏(一般为删除按钮宽的40%);单位pxNumber30NO
width设置初始可见宽度(单位: rpx)Number750NO
openWidth可以往左拖动的最大距离,或者说是删除按钮的宽度(单位: px)Number75NO
open是否打开,true表示打开,false表示关闭;该组件有两种状态,左滑显示删除按钮时表示打开,反之关闭;通过修改该属性可以关闭或者打开组件BooleanfalseNO

事件说明

原生小程序中使用

本组件就是用官方提供的组件API开发的,没有任何依赖,参照代码片段中的使用方式使用即可

mpvue中使用

ps: 由于mpvue目前对 Slot scoped不支持,所以用mpvue的编写的vue组件是无法在循环中使用组件的,所以这里还是用小程序官方提供的组件编写方式来编写,这样在任何第三方脚手架里均可使用;

预览

wechatide://minicode/fuwFLLmd7DLb

TODO

实现原理解析

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:monkey----log分析要求
下一篇:Crispy- 远程调用框架(crispy trolls)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~