微信實現左滑刪除

2021-10-06 15:17:16 字數 1590 閱讀 9486

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...