小程序
小游戏
企业微信
微信支付
扫描小程序码分享
想实现微信一样左滑删除，每次滑动只打开一个滑动模块。之前自己手写一个左滑删除用scroll-view，ios手机下用左滑抖动。现在发现weUi提供有左滑组件，滑动前关闭其他已滑动开的模块，是否支持这个操作，哪个大佬知道怎么实现。
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
1.利用bindshow事件，在左划按钮显示的时候，记录下列表中当前记录的_id。_id用data-id传回去。
2.mp-slideview的show是可以控制左划按钮显示隐藏的，在show中比对每个记录的ID是否和当前左划的记录一致。
希望能帮到各位。
WXML
<blockwx:for"{{panels}}"wx:key"index">
mp-slideviewbuttons"{{item.slideButtons}}"bindbuttontap"slideButtonTap"bindshow"slideButtonsShow"data-id"{{item.id}}"show"{{item.id==currentID}}">
navigatorurl"{{item.url}}"class"weui-media-box weui-media-box_appmsg"hover-class"weui-cell_active">
viewclass"weui-media-box__hd weui-media-box__hd_in-appmsg">
viewclass"weui-media-box__thumb">
viewclass"{{item.icon}}"></view
</view
viewclass"weui-media-box__bd weui-media-box__bd_in-appmsg">
viewclass"weui-media-box__title">{{item.title}}</view
viewclass"weui-media-box__desc">{{item.desc}}</view
</navigator
</mp-slideview
</block
JS
// 显示左划按钮时，记录当前ID
// 通过data-id传回
slideButtonsShow(e) {
this.setData({
currentID: e.currentTarget.dataset.id
})
//console.log(e.currentTarget.dataset.id)
}
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
就是手风琴效果，我也需要，但是在文档里没看出怎么配置
好使好使，我咋没想到这么用呢，顺便还解决了一个小bug，滑动过的元素hide之后再次滑动会有动画不跟随的情况，需要改源码把st.out在hide后设置为false
请问老哥写出来了嘛,我们也需要这个需求
请问已经解决了吗，我也有这个需求
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
1.利用bindshow事件，在左划按钮显示的时候，记录下列表中当前记录的_id。_id用data-id传回去。
2.mp-slideview的show是可以控制左划按钮显示隐藏的，在show中比对每个记录的ID是否和当前左划的记录一致。
希望能帮到各位。
WXML
<blockwx:for"{{panels}}"wx:key"index">
mp-slideviewbuttons"{{item.slideButtons}}"bindbuttontap"slideButtonTap"bindshow"slideButtonsShow"data-id"{{item.id}}"show"{{item.id==currentID}}">
navigatorurl"{{item.url}}"class"weui-media-box weui-media-box_appmsg"hover-class"weui-cell_active">
viewclass"weui-media-box__hd weui-media-box__hd_in-appmsg">
viewclass"weui-media-box__thumb">
viewclass"{{item.icon}}"></view
</view
</view
viewclass"weui-media-box__bd weui-media-box__bd_in-appmsg">
viewclass"weui-media-box__title">{{item.title}}</view
viewclass"weui-media-box__desc">{{item.desc}}</view
</view
</navigator
</mp-slideview
</block
JS
// 显示左划按钮时，记录当前ID
// 通过data-id传回
slideButtonsShow(e) {
this.setData({
currentID: e.currentTarget.dataset.id
})
//console.log(e.currentTarget.dataset.id)
}
就是手风琴效果，我也需要，但是在文档里没看出怎么配置
好使好使，我咋没想到这么用呢，顺便还解决了一个小bug，滑动过的元素hide之后再次滑动会有动画不跟随的情况，需要改源码把st.out在hide后设置为false
请问老哥写出来了嘛,我们也需要这个需求
请问已经解决了吗，我也有这个需求