微信小程序如何实现列表项的上下滑动效果？

本文共计330个文字，预计阅读时间需要2分钟。

原文示例：本文分享了微信小程序实现列表项上下移动的具体代码，供大家参考，具体内容如下：

需要实现的效果：点击向下按钮时，所选项目内容和下一项内容交换，点击向上按钮则相反，删除

改写后：本文展示了如何通过微信小程序代码实现列表项的上下移动功能，代码如下，供大家参考：

所需实现的效果：点击下箭头按钮，选中项与下一项内容互换；点击上箭头按钮，则相反，并移除

本文实例为大家分享了微信小程序实现列表项上移下移的具体代码，供大家参考，具体内容如下

需要实现的效果：点击向下按钮时所选项内容和下一项内容交换，向上按钮则相反，删除按钮则点击时删除所选项那一列内容

index.wxml

<view class="subject" wx:for="{{sublist}}" wx:key="index">     <view>{{index+1}}.{{item}}</view>     <view class="btns">         <view class="btn up" wx:if="{{index>0}}" data-i="{{index}}" bindtap="up">