微信小程序 侧滑删除、编辑

来源 https://github.com/onlyling/some-demo/tree/master/sideslip-delete

 

插件地址：https://pan.baidu.com/s/15fNJcxM7g1FsdGjyS8hdOA  密码: peak

引入：

{
    "usingComponents": {
    "sideslip-delete": "/component/sideslip-delete/index"
    }
}

使用：

<sideslip-delete id="{{一个标识}}" del edit binddel="{{doDel}}" bindedit="{{doEdit}}">
    <view>你的元素</view>
</sideslip-delete>

<!-- 只有删除 -->
<sideslip-delete id="{{一个标识}}" del binddel="{{doDel}}">
    <view>你的元素</view>
</sideslip-delete>

Page({
    doDel(e) {
        // 点击删除
        console.log(e.target.id); // 传入的标识
    },
    doEdit(e) {
        // 点击编辑
        console.log(e.target.id); // 传入的标识
    }
})

网上找到的，记录下，下次查找方便