作者：kklldog，來自原文地址 
微信小程序并沒有提供列表控件，所以也沒有iOS上慣用的列表項(xiàng)左滑刪除的功能，SO只能自己干了。

原理很簡單，用2個層，上面的層顯示正常的內(nèi)容，下面的層顯示一個刪除按鈕，就是記錄手指滑動的距離，動態(tài)的來移動上層元素，當(dāng)然上層用絕對定位。

wxml：

1. <view class="container">
2. <view class="record-box" data-datetime="{{record.datetime}}" wx:for="{{detailList}}" wx:for-item="record">
3. <view class="record" style="left:{{record.offsetX}}px" bindtouchstart="recordStart" catchtouchmove="recordMove" bindtouchend="recordEnd">
4. <view class="left">
5. <view>{{record.type}} {{record.count+record.unit}}</view>
6. <view class="summary">{{record.remark}}</view>
7. </view>
8. <view class="right">
9. {{record.datetime}}
10. </view>
11. </view>
12. <view class="delete-box">
13. <view>刪除</view>