first commit

2024-11-29 20:54:53 +08:00
commit 55df3d398c
42 changed files with 1857 additions and 0 deletions
--- a/js/page/info.js
+++ b/js/page/info.js
@@ -0,0 +1,102 @@
+class Info {
+    title = ""
+    defaultArr = []
+    allArr = []
+
+    // 收藏的数据，本地有收藏就读取本地之前的收藏数据，没有就给默认值
+    // likeArr = JSON.parse(localStorage.getItem("like")) || []
+
+    likeArr = getItem("like")
+
+    constructor() {
+        this.getInfoListData()
+            .then(() => {
+
+                util.header(
+                    `<div class="title flex1 ellipsis">${this.title}</div>`,
+                    `
+                    <div class="ilist">
+                        <i class="iconfont icon-wujiaoxing"></i>
+                        <i class="iconfont icon-fenxiang"></i>
+                    </div>
+                    `
+                )
+
+                this.event()
+            })
+    }
+
+
+    async getInfoListData() {
+        let { title, src_list, recommend } = await infoServe.infoList({ id: query("id") })
+
+        this.title = title
+        // 手动实现 懒加载
+        this.allArr = src_list
+        this.defaultArr = [ this.allArr[0], this.allArr[1] ]
+
+        $(".info_img_list .img_list").innerHTML = this.defaultArr.maps(v => `<img src="${v}" alt="">`)
+
+        item(".recommend-model ul", recommend)
+    }
+
+
+    event() {
+        $(".view_all").onclick = () => {
+            $(".img_list").style.height = "auto"
+            $(".view_all").style.display = "none"
+
+            $(".info_img_list .img_list").innerHTML = this.allArr.maps(v => `<img src="${v}" alt="">`)
+
+        }
+
+
+        // TODO 找一个合适分享
+        $(".icon-fenxiang").onclick = async () => {
+            await navShare({
+                title: this.title,
+                text: `我这有个好看的，快来看看 ${this.title}`,
+                url: location.href
+            })
+        }
+
+        let sc = $(".icon-wujiaoxing")
+
+        console.log("this.likeArr: ", this.likeArr);
+
+        let isHave = this.likeArr.filter(v => v.id == query("id"))
+        if (isHave.length != 0) {
+            sc.classList.add("icon-wujiaoxing1")
+        }
+
+        $(".icon-wujiaoxing").onclick = async () => {
+            // 已收藏，应该变成未收藏
+            if (sc.classList.contains("icon-wujiaoxing1")) {
+                sc.classList.remove("icon-wujiaoxing1")
+                this.likeArr = this.likeArr.filter(v => v.id != query("id"))
+                setItem("like", this.likeArr)
+
+                // 未收藏，应该变成已收藏  
+            } else {
+                this.likeArr.push({
+                    id: query("id"),
+                    thumbnail: this.allArr[0],
+                    title: this.title,
+                    time: query("time"),
+                    // TODO 这个浏览量需要后端提供
+                    view: "42"
+                })
+                setItem("like", this.likeArr)
+                sc.classList.add("icon-wujiaoxing1")
+            }
+            // await navShare({
+            //     title: this.title,
+            //     text: `我这有个好看的，快来看看 ${this.title}`,
+            //     url: location.href
+            // })
+        }
+
+    }
+}
+
+new Info