滑動出現刪除按鈕

2021-09-25 10:33:54 字數 2424 閱讀 5767

html:

在同行的小夥伴中提到了你

1分鐘前

刪除你看不到我哦

1分鐘前

刪除回憶裡想起模糊的小時候,雲朵漂浮在藍藍的天空,那時的你說,要和我手牽手,一起走到時間的盡頭

1分鐘前

刪除哈哈哈哈哈……暑假來看小黃人電影哦~哈哈哈……

1分鐘前

刪除

css:

* 

width: 100%;

height: 144px;

overflow: hidden;

font-size: 28px;

border-bottom: 1px solid #aaa;

} white-space: nowrap;

height: 144px;

clear: both;

}.line-btn-delete

.line-btn-delete button

display: inline-block;

line-height: 100px;

float: left;

padding-top: 10px;

padding-bottom: 10px;

} float: right;

width: 120px;

height: 120px;

margin-right: 12px;

} width: 120px;

height: 120px;

} width: 100px;

height: 124px;

float: left;

margin-left: 12px;

} width: 92px;

height: 92px;

border-radius: 60px;

} float: left;

overflow: hidden;

} float: left;

margin-left: 10px;

}.line-normal-user-name

.line-normal-msg

.line-normal-time

js:

$(document).ready(function(e) ;

});lines[i].addeventlistener('touchmove',function(e);

// 橫向位移大於縱向位移,阻止縱向滾動

if (math.abs(delta.x) > math.abs(delta.y))

});lines[i].addeventlistener('touchend', function(e), 500); // 右滑

lastleftobj = null; // 清空上乙個左滑的物件

}var diffx = e.changedtouches[0].pagex - lastxformobile;

if (diffx < -150) , 500); // 左滑

/* obj1 && obj1 != obj2 && $(lastleftobj).animate();相當於三目寫法obj ? one : two ;*/

lastleftobj && lastleftobj != pressedobj &&

$(lastleftobj).animate(, 500); // 已經左滑狀態的按鈕右滑

lastleftobj = pressedobj; // 記錄上乙個左滑的物件

} else if (diffx > 150) , 500); // 右滑

lastleftobj = null; // 清空上乙個左滑的物件}}

});}

// 網頁在pc瀏覽器中執行時的監聽

for (var i = 0; i < len; ++i) );

$(lines[i]).bind('mouseup', function(e), 500); // 右滑

lastleftobj = null; // 清空上乙個左滑的物件

}var diffx = e.clientx - lastx;

if (diffx < -150) , 500); // 左滑

lastleftobj && lastleftobj != pressedobj &&

$(lastleftobj).animate(, 500); // 已經左滑狀態的按鈕右滑

lastleftobj = pressedobj; // 記錄上乙個左滑的物件

} else if (diffx > 150) , 500); // 右滑

lastleftobj = null; // 清空上乙個左滑的物件}}

});}

});

改變滑動刪除按鈕樣式

在自定義 cell 中實現如下 改變滑動刪除按鈕樣式 void layoutsubviews super layoutsubviews for uiview subview in self.subviews if subview iskindofclass nsclassfromstring uit...

Android按鈕刪除emoji出現問號符

由於表情是特殊字元,長度為2,網上的方法大概都是這樣 val index databinding.edittext.selectionstart if index 0 這樣刪除了乙個字元,然後會出現乙個類似問號的字元 最後使用如下 val keycode keyevent.keycode del v...

微信小程式 資料滑動刪除效果 左滑出刪除按鈕效果

實現效果 元 m view class hui place view class tag class lpspan red text class lpspan tagico wx for wx for item t wx key key text view view view class del c...