first commit

js/page/info.js

@@ -0,0 +1,97 @@
+class Info {
+    title = "";
+    defaultArr = []
+    allArr = [];
+    like = JSON.parse(localStorage.getItem("like")) || [];
+    constructor() {
+        this.init()
+    }
+
+    async init() {
+        await this.getInfoListData()
+        header(
+            `<div class="header_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.defaultArr = src_list.splice(0, 2)
+        this.allArr = src_list
+
+        eachHtml(
+            ".info_img_list .img_list",
+            this.defaultArr,
+            (v) => `<img src="${v}" alt="">`
+        )
+
+
+        eachHtml(
+            ".default-model ul",
+            recommend,
+            (v) => item(v)
+        )
+
+    }
+
+    event() {
+
+        this.like.filter(v => v.id == query("id")).length != 0
+            ? $(".icon-wujiaoxing").addClass("icon-wujiaoxing1")
+            : null
+
+
+        $(".icon-fenxiang").click(async () => {
+            await navigator.clipboard.writeText(`
+我这有个好看的，快来看看 ${this.title}
+${location.href}
+`)
+            alert("内容已复制")
+        })
+
+
+        $(".icon-wujiaoxing").click(() => {
+            // 如果有icon-wujiaoxing1，表示收藏过了
+            if ($(".icon-wujiaoxing").hasClass("icon-wujiaoxing1")) {
+                this.like = this.like.filter(v => v.id != query("id"))
+                // 没有 icon-wujiaoxing1，表示未收藏过了
+            } else {
+                this.like.push({
+                    "id": query("id"),
+                    "thumbnail": this.defaultArr[0],
+                    "title": this.title,
+                    "time": query("time"),
+                    "view": "42"
+                })
+            }
+
+            localStorage.setItem("like", JSON.stringify(this.like))
+
+            $(".icon-wujiaoxing").toggleClass("icon-wujiaoxing1")
+        })
+
+
+        $(".view_all").click(() => {
+            $(".img_list").css({ height: 'auto' })
+            eachHtml(
+                ".info_img_list .img_list",
+                this.allArr,
+                (v) => `<img src="${v}" alt="">`
+            )
+            $(".view_all").css({ display: 'none' })
+        })
+    }
+}
+
+new Info