74 lines
2.5 KiB
JavaScript
74 lines
2.5 KiB
JavaScript
class Like {
|
|
constructor() {
|
|
this.like = JSON.parse(localStorage.getItem("likeList")) == null
|
|
? []
|
|
: JSON.parse(localStorage.getItem("likeList"));
|
|
|
|
this.GetLikeList()
|
|
}
|
|
|
|
GetLikeList() {
|
|
if (this.like == null || this.like.length == 0) {
|
|
document.querySelector(".jglist ul").innerHTML = "";
|
|
document.querySelector(".jglist ul").innerHTML =
|
|
`
|
|
<div class="nodata">
|
|
<i class="iconfont icon-wushuju"></i>
|
|
<p>暂无收藏</p>
|
|
</div>
|
|
`
|
|
} else {
|
|
document.querySelector(".jglist ul").innerHTML = "";
|
|
this.like.forEach(v => {
|
|
document.querySelector(".jglist ul").innerHTML +=
|
|
`
|
|
<li>
|
|
<div class="newest_img">
|
|
<a href="./info.html?id=${v.id}">
|
|
<img src="${v.preview}" alt="${v.title}">
|
|
</a>
|
|
<span>${v.total}</span>
|
|
</div>
|
|
<div class="newest_text">
|
|
<a href="./info.html?id=${v.id}">
|
|
<p class="t">${v.title}</p>
|
|
<p class="source">${v.user}</p>
|
|
${v.hasOwnProperty("source")
|
|
? `<p class="source">${v.source}</p>`
|
|
: ''
|
|
}
|
|
</a>
|
|
</div>
|
|
</li>
|
|
`
|
|
});
|
|
|
|
this.BindLongPress()
|
|
}
|
|
}
|
|
|
|
BindLongPress() {
|
|
var Li = document.querySelectorAll(".jglist ul li");
|
|
Li.forEach((v, i) => {
|
|
utils.longPress(v, () => {
|
|
Tips.dialog({
|
|
title: '删除收藏',
|
|
message: '确认删除您选中的写真集吗？',
|
|
cancelText: '取消',
|
|
confirmText: '确定',
|
|
cancel: () => { },
|
|
confirm: () => {
|
|
this.like = this.like.filter((r)=>{
|
|
return r.id != this.like[i].id
|
|
})
|
|
|
|
localStorage.setItem("likeList", JSON.stringify(this.like))
|
|
this.GetLikeList()
|
|
}
|
|
})
|
|
})
|
|
})
|
|
}
|
|
}
|
|
|
|
new Like() |