first commit

历届学生/font-end-nine/项目练习/上课项目/枸杞社/js/page/modelinfo.js

@@ -0,0 +1,47 @@
+class Modelinfo {
+    constructor() {
+        //加载的数组项
+        this.list = [];
+        //是否首次加载
+        this.show = true
+        this.page = 1
+        this.getmodelList();
+    }
+
+    async getmodelList() {
+        //this指向 click 有function限定了作用域 在里面this指向了他本身   定义参数 self 解绑作用域
+        var self = this;
+        var res = await indexServe.modelList({
+            id: query("id"),
+            page: this.page
+        })
+        //每次请求接口，把数组累加
+        res.data.forEach(element => {
+            this.list.push(element)
+        });
+        //判断是否第一次请求，是 === 渲染简介 否 === 不渲染
+        if (this.show) { 
+            modelList($('.title'),res) 
+        }
+        header(res.model_info.name)
+        //渲染list
+        testModelList($('.test'), this.list)  
+        //绑定点击事件
+        click($(".icon-xiangxia"), function () {
+            //判断当前页数 是否 小于总页数 是 页数page加1  否  提示用户已经加载到最底部
+            if (self.page < res.total_page) {
+                self.page += 1 
+                self.show = false
+                self.getmodelList()
+            }else{
+                alert("骚年，已经到底了")
+            }
+           
+       })
+       
+    }
+   
+    
+}
+
+new Modelinfo();