87 lines
2.6 KiB
JavaScript
87 lines
2.6 KiB
JavaScript
class Info {
|
||
constructor() {
|
||
this.getInfo();
|
||
|
||
this.like =
|
||
localStorage.getItem("like") == null
|
||
? []
|
||
: JSON.parse(localStorage.getItem("like"))
|
||
}
|
||
|
||
async getInfo() {
|
||
var res = await server.agentInfo({
|
||
id: query("id")
|
||
})
|
||
|
||
header(res.title, `<i class="iconfont like icon-xin"></i>`);
|
||
|
||
if (this.checkIsLike().length != 0) {
|
||
$(".like").classList.replace("icon-xin", "icon-aixin")
|
||
}
|
||
|
||
res.imgs.forEach(v => {
|
||
var img = document.createElement("img");
|
||
img.src = v;
|
||
img.onload = () => {
|
||
$(".info").innerHTML+= `
|
||
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
|
||
<a href="${v}" itemprop="contentUrl" data-size="${img.width}x${img.height}">
|
||
<img src="${v}" itemprop="thumbnail" alt="${res.title}" />
|
||
</a>
|
||
<figcaption itemprop="caption description">${res.title}</figcaption>
|
||
</figure>
|
||
`
|
||
}
|
||
|
||
});
|
||
|
||
initPhotoSwipeFromDOM('.my-gallery');
|
||
// icon-aixin 实心，icon-xin 空心
|
||
document.querySelector(".like")
|
||
var self = this;
|
||
|
||
$(".like").onclick = function () {
|
||
|
||
|
||
// 本地没收藏，进行收藏
|
||
if (self.checkIsLike().length == 0) {
|
||
self.like.push({
|
||
id: query("id"),
|
||
total: res.shuliang,
|
||
preview: res.img_src,
|
||
title: res.title,
|
||
user: res.renwulist[0].name,
|
||
source: res.jigoulist[0].name,
|
||
tags: res.biaoqianlist
|
||
})
|
||
// 已经收藏过了，点击的时候取消收藏
|
||
} else {
|
||
self.like = self.like.filter(v => {
|
||
if (v.id != query("id")) {
|
||
return v
|
||
}
|
||
});
|
||
}
|
||
|
||
localStorage.setItem("like", JSON.stringify(self.like))
|
||
|
||
// 如果为空心，点击变成实心，收藏
|
||
this.classList.contains("icon-xin")
|
||
? this.classList.replace("icon-xin", "icon-aixin")
|
||
// 如果为实心，点击变成空心，取消收藏
|
||
: this.classList.replace("icon-aixin", "icon-xin")
|
||
|
||
}
|
||
}
|
||
|
||
// 判断本地是否有你当前正在浏览的这个写真
|
||
checkIsLike() {
|
||
return this.like.filter(v => {
|
||
if (v.id == query("id")) {
|
||
return v
|
||
}
|
||
})
|
||
}
|
||
}
|
||
|
||
new Info(); |