wxml
="delete_list"
>
for=
"}" wx:key=
"}}" bindtouchstart=
"touchstart" bindtouchmove=
"touchmove"
class
='list-box' bindtouchend=
"touchend" data-index=
"}" data-info=
'}'>
="list"
>
="content" style=
"}">
}<
/view>
="delete" data-info=
"}" bindtap=
"deletecontact" style=
"}">刪除<
/view>
<
/view>
''class
='list-border }'
>
<
/view>
<
/view>
<
/view>
wxss
/* 滑動刪除的樣式 */
.delete_list
.delete_list .list
.list-border
.no-border
.delete_list .list>
.content
.delete_list .list>
.delete
js
data:,,
],//資料接收
activeindex:-1
,//這個約束滑動元素只能開啟乙個,開啟第二的時候第乙個關閉
list_style:'',
//元素左滑的樣式
startx:0,
rate:
2//轉化rpx的接收屬性},
onload:
function
(options))}
,// 觸控開始
touchstart:
function
(e))},
// 移動
touchmove:
function
(e)else
if(dis >=
240)
else
this
.setdata()
},// 觸控結束
touchend:
function
(e)else
this
.setdata()
},// 刪除
deletecontact:
function
(e))
_this.data.contactlist.
splice
(_this.data.activeindex,1)
_this.
setdata()
})},
IOS UITableView實現左滑刪除
tableview有乙個很好用的左滑功能,一般ios的使用者習慣就是左滑刪除,當然,還可以自定義上面的文字。下面就來說一說左滑刪除的實現,要呼叫兩個tableview的 方法。uitableviewcelleditingstyle tableview uitableview tableview ed...
微信小程式左滑刪除
view class touch item data index wx for wx key view class content view style class item data index bindtouchstart touchstart bindtouchmove touchmove b...
ios實現UITableView左滑刪除 複製即用
開發專案時候需要用到tableview左滑刪除,就研究了一下,話不多說直接上 設cell可編輯 bool tableview uitableview tableview caneditrowatindexpath nsindexpath indexpath 設定刪除按鈕 uitableviewcel...