111 lines
3.0 KiB
JavaScript
111 lines
3.0 KiB
JavaScript
class infoget {
|
|
constructor() {
|
|
this.likeList
|
|
= localStorage.getItem("list") == null
|
|
? []
|
|
: JSON.parse(localStorage.getItem("list"));
|
|
this.currentifo = {},
|
|
this.infoSevice()
|
|
|
|
|
|
}
|
|
async infoSevice () {
|
|
var res = await infoSevice.infoSevice({
|
|
page:1,
|
|
id:GetUrlParam("id"),
|
|
t:GetUrlParam("name"),
|
|
});
|
|
|
|
this.currentifo = res
|
|
|
|
$(".action").append(`
|
|
<a onclick=window.history.go(-1)> <i class="iconfont icon-back1"></i></a>
|
|
<span>写真集详情</span>
|
|
`)
|
|
res.data.forEach((v) =>{
|
|
$(".info").append(`
|
|
<figure>
|
|
<a href="" data-size="1800x2700">
|
|
<img src="${v.src}"
|
|
alt="${v.title}">
|
|
</a>
|
|
</figure>
|
|
`)
|
|
})
|
|
this.like();
|
|
}
|
|
|
|
like() {
|
|
|
|
var isHave = this.likeList.filter((items,index) => {
|
|
// console.log(items)
|
|
if (item.data != this.currentifo.data) {
|
|
// console.log(this.currentifo.data[0].title)
|
|
return items
|
|
}
|
|
|
|
});
|
|
isHave.forEach((v,i)=>{
|
|
console.log(v.title)
|
|
console.log(this.currentifo.data[i].title)
|
|
if (v.title = this.currentifo.data[i].title) {
|
|
$(".likeicon").removeClass("icon-xin").addClass("icon-aixin");
|
|
}
|
|
})
|
|
|
|
|
|
|
|
// 切换收藏 与 取消收藏
|
|
$('.likeicon').on('click', () =>{
|
|
// console.log(this.currentifo)
|
|
if ($(".likeicon").hasClass("icon-xin")) {
|
|
$(".likeicon").removeClass("icon-xin ").addClass("icon-aixin");
|
|
|
|
this.likeList.push(this.currentifo)
|
|
// console.log(this.likeList)
|
|
|
|
localStorage.setItem("list", JSON.stringify(this.likeList))
|
|
|
|
|
|
} else {
|
|
$(".likeicon").removeClass("icon-aixin ").addClass("icon-xin");
|
|
|
|
this.likeList = this.likeList.filter((item,index) => {
|
|
// console.log("item.data",item.data)
|
|
// console.log("this.currentifo.data",this.currentifo.data)
|
|
if (item.data !== this.currentifo.data) {
|
|
return item
|
|
}
|
|
// console.log(item)
|
|
});
|
|
localStorage.setItem("list", JSON.stringify(this.likeList))
|
|
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
function GetUrlParam(paraName) {
|
|
var url = document.location.toString();
|
|
var arrObj = url.split("?");
|
|
if (arrObj.length > 1) {
|
|
var arrPara = arrObj[1].split("&");
|
|
var arr;
|
|
for (var i = 0; i < arrPara.length; i++) {
|
|
arr = arrPara[i].split("=");
|
|
if (arr != null && arr[0] == paraName) {
|
|
return arr[1];
|
|
}
|
|
}
|
|
return "";
|
|
}
|
|
else {
|
|
return "";
|
|
}
|
|
}
|
|
|
|
|
|
new infoget();
|
|
|
|
|