83 lines
2.4 KiB
JavaScript
83 lines
2.4 KiB
JavaScript
class LikeInfo {
|
||
constructor() {
|
||
this.ListData = JSON.parse(localStorage.getItem("like"))
|
||
this.actionsheet = new auiActionsheet();
|
||
this.renderList()
|
||
this.deleat()
|
||
// this.deleatli()
|
||
}
|
||
|
||
renderList() {
|
||
this.ListData.forEach((v, ix) => {
|
||
$(".content ul").append(`
|
||
<li>
|
||
<a href="./info.html?url=${v.url}">
|
||
<img src="${v.img}" alt="">
|
||
</a>
|
||
<p>${v.title}</p>
|
||
</li>
|
||
`)
|
||
});
|
||
|
||
|
||
|
||
}
|
||
// deleatli(){
|
||
// var sss = this;
|
||
// $(".content ul li").each(function(i,v){
|
||
// console.log(sss.ListData.splice($(this).i, 1));
|
||
// })
|
||
|
||
// // localStorage.setItem("like", JSON.stringify(sss.ListData))
|
||
// // $.remove()
|
||
// }
|
||
|
||
deleat() {
|
||
var self = this;
|
||
var longClick = 0,
|
||
timeOutEvent;
|
||
$(".content ul li").on({
|
||
touchstart: function (e) {
|
||
longClick = 0;//设置初始为0
|
||
timeOutEvent = setTimeout(function () {
|
||
//此处为长按事件-----在此显示遮罩层及删除按钮
|
||
// longClick = 1;//假如长按，则设置为1
|
||
// $(".shadow").css("display", "block")
|
||
|
||
self.openActionsheet()
|
||
e.preventDefault();
|
||
|
||
}, 300);
|
||
},
|
||
touchmove: function () {
|
||
clearTimeout(timeOutEvent);
|
||
timeOutEvent = 0;
|
||
e.preventDefault();
|
||
},
|
||
});
|
||
$(".cancel").on("click", function () {
|
||
$(".shadow").css("display", "none")
|
||
})
|
||
}
|
||
|
||
openActionsheet(){
|
||
var ss =this
|
||
this.actionsheet.init({
|
||
frameBounces:true,//当前页面是否弹动，（主要针对安卓端）
|
||
destructiveTitle:'删除',
|
||
buttons:['取消']
|
||
},function(ret){
|
||
if(ret){
|
||
if (ret.buttonIndex == 2) {
|
||
// ss.deleatli()
|
||
ss.ListData.splice($(this).attr("data-index"), 1)
|
||
localStorage.setItem("like", JSON.stringify(ss.ListData))
|
||
$(this).attr("data-index").remove()
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
}
|
||
|
||
new LikeInfo() |