first commit

项目合集/枸杞社/fontend/js/page/model_info.js

@@ -0,0 +1,75 @@
+class ModelInfo {
+
+    constructor () {
+        utils.SetHeaderTitle(utils.GetQueryString("t"))
+        this.GetModelInfoData()
+    }
+
+    async GetModelInfoData() {
+        var res = await homeService.modelList({
+            page: 0,
+            id: utils.GetQueryString("id")
+        })
+       
+        // 设置模特的头像，名字，介绍
+        document.querySelector(".model_info_header").innerHTML = `
+            <img src="${res.model_info.portrait}" alt="${res.model_info.name}">
+            <div class="right_text">
+                <p>${res.model_info.name}</p>
+                <span>${res.model_info.explain}</span>
+            </div>
+        `
+
+        // 遍历模特的作品
+        document.querySelector(".tazuop .title").innerText = "她的作品"
+        res.data.forEach(v => {
+            document.querySelector(".tazuop ul").innerHTML+=
+            `
+                <li>
+                    <div class="newest_img">
+                        <a href="./info.html?id=${v.id}">
+                            <img src="${v.preview}" alt="${v.title}">
+                        </a>
+                        <span>${v.total}P</span>
+                    </div>
+                    <div class="newest_text">
+                        <a href="./info.html?id=${v.id}">
+                            <p class="t">${v.title}</p>
+                            <p class="source">${v.source}</p>
+                        </a>
+                        <div class="tags">
+                        ${
+                            (v.tags.map((t) => {
+                                return `<div class="tags_item"><a href="./mechanism_info.html?id=${t.id}&type=tags&t=${t.title}">${t.title}</a></div>`
+                            })).toString().replace(/,/ig, " ")
+                        }
+                        </div>
+                    </div>
+                </li>
+            `
+        });
+
+        // 遍历类似模特
+        document.querySelector(".similar .title").innerText = "类似模特"
+        res.similar.forEach((v)=>{
+            document.querySelector(".similar .model_list").innerHTML+= `
+                <div class="item">
+                    <div class="top">
+                        <img src="${v.preview}" alt="${v.title}">
+                        <span>${v.total}</span>
+                    </div>
+                    <p>${v.title}</p>
+                </div>
+            `
+        })
+        
+        var items = document.querySelectorAll(".similar .model_list .item")
+        items.forEach((v,i)=>{
+            v.onclick = function () {
+                location.href = `model_info.html?id=${res.similar[i].id}&t=${res.similar[i].title}`
+            }
+        })
+    }
+}
+
+new ModelInfo()