Files
ClassContent/历届学生/fontendsix/项目练习/上课项目/屁桃儿/js/page/collect.js
2024-09-27 02:06:13 +08:00

46 lines
1.4 KiB
JavaScript

class collect{
constructor() {
header("我的收藏",'<i class="iconfont icon-xin"></i><i class="iconfont icon-home"></i>')
this.collect = JSON.parse(localStorage.getItem("likeArr")) == null
? []
: JSON.parse(localStorage.getItem("likeArr"));
this.GetLikeArr()
}
GetLikeArr() {
if (this.collect == null || this.collect.length == 0) {
document.querySelector(".content_list ul").innerHTML = "";
document.querySelector(".content_list ul").innerHTML =
`
<div class="null">
<i class="iconfont icon-wushuju"></i>
<p>暂无收藏</p>
</div>
`
} else {
document.querySelector(".content_list ul").innerHTML = "";
this.collect.forEach(v => {
document.querySelector(".content_list ul").innerHTML +=
`
<li>
<div class="content_img">
<a href="./info.html?id=${v.id}">
<img src="${v.img_src}">
</a>
</div>
<div class="content_text">
<a href="./info.html?id=${v.id}">
<p class="tua">${v.title}</p>
</a>
</div>
</li>
`
});
}
}
}
new collect()