微信小程序使用swiper css删除购物车产品

要实现的购物车效果如下：

小程序通过bind将事件与catch绑定，并且没有event.stopPropagation()方法。

绑定：不会阻止冒泡事件向上冒泡。catch:它可以防止冒泡事件向上冒泡。touchstart、touchmove和touchend用于实现滑块效果。不可能动态js控制什么时候冒泡，什么时候停止冒泡。使用bind时，会上下滑动；有了catch，商品区只能左右滑动，不能上下滚动

然而，小程序提供的swiper可以通过css删除滑块，而不影响页面的正常滚动。具体如下

！- html - view class='goodsList '！-货物-视图类别='货物项目'前一个刮水器-边距=' 610rpx '刮水器-项目类别='货物消息'！- xxx商品信息区XXX-/衣架-物品衣架-物品类别=' delbtn '视图删除/查看/衣架-物品/衣架/查看/查看/* CSS */。货物项目吊架{高度：230rpx} .goodsItem。goodsMsg { height:170rpxpadding:30rpx 0rpx宽度：750rpx！重要；背景# fff左边距：-610 rpx；} .goodsItem。goodsMsg。delBtn { color: # fff线高height:230rpxfont-size :30 rpx；文本对齐：中心；display:flexdisplay :-web kit-flex；justice-content :灵活端；} .goodsItem。delBtn视图{ width:140rpx背景技术# ff4300}以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。