first commit

h5/js/page/model.js

@@ -0,0 +1,56 @@
+class Model {
+    constructor () {
+        this.GetModelList()
+        this.newModelList = []
+    }
+
+    async GetModelList() {
+        var res = await homeService.allModel({});
+        console.log(res);
+        var hot_models = res.hot_models;
+        var newest = res.newest;
+
+        this.newModelList = [...hot_models, ...newest]
+        this.RenderModelItem(hot_models, '.hot_models')
+        this.RenderModelItem(newest, '.newest')
+
+    }
+
+
+    RenderModelItem(data, className) {
+        if (className == ".hot_models") {
+            document.querySelector(`${className} .title`).innerText='热门模特'
+        } else {
+            document.querySelector(`${className} .title`).innerText='最新模特'
+        }
+        data.forEach(v => {
+            document.querySelector(`${className} .model_list`).innerHTML+=
+            `
+                <div class="item">
+                    <div class="top">
+                        <img src="${v.preview}" alt="${v.title}">
+                        ${
+                            v.total.length == 0 
+                            ? '' 
+                            : `<span>${v.total}</span>`
+                        }
+                    </div>
+                    <p>${v.title}</p>
+                </div>
+            `
+        });
+
+        this.BindItemClick()
+    }
+
+    BindItemClick() {
+        var Item = document.querySelectorAll(".item");
+        Item.forEach((v,i)=>{
+            v.onclick = () => {
+                location.href = `model_info.html?id=${this.newModelList[i].id}&t=${this.newModelList[i].title}`
+            }
+        })
+    }
+}
+
+var model = new Model();