first commit

项目合集/菜谱App/fontend/js/page/video.js

@@ -0,0 +1,73 @@
+class Video {
+    constructor() {
+        this.videoMenu();
+        // this.Url = GetQueryString("url")\
+        this.page = 1
+        this.scrollLoadData()
+    }
+    async videoMenu() {
+        let res = await VideoService.Foodrecipes({
+            page:this.page
+        });
+
+        res.items.forEach((v, i) => {
+            $(".content").append(`
+             <li>
+                <a >
+                    <div class="content_pic" style="background-image: url(${v.bd_photo});">
+                        <div class="pic_yingyin">
+                            <i class="iconfont icon-play"></i>
+                        </div>
+                    </div>
+                    <p>${v.seo_title.substring(0,7)}</p>
+                    <div class="pic_pinglun">
+                        <div class="toux_left">
+                            <img src="../img/ms.jpg" alt="">
+                            <span>美食杰</span>
+                        </div>
+                        <div class="toux_right">
+                            <i class="iconfont icon-faxian"></i>
+                            <span>${v.click_num}</span>
+                        </div>
+                    </div>
+                </a>
+              </li>
+          `)
+        })
+        var videoarr = {};
+        
+        $(function() {
+        $('.content').find('li').each(function() {
+            $(this).click(function() {
+                addData($(this).index());
+            })
+        })
+
+        })          
+        function addData(index) {
+            videoarr.title= res.items[index].seo_title,
+            videoarr.practice= res.items[index].intro,
+            videoarr.video= res.items[index].xhz_video_url
+
+            console.log(videoarr);
+            localStorage.setItem("video", JSON.stringify(videoarr))
+
+            location.href = "./videoinfo.html"
+        }
+    }
+    scrollLoadData(){
+        var scroll = new auiScroll({
+            listen: true,
+            distance: 10 //判断到达底部的距离，isToBottom为true
+        }, (ret) => {
+            if(ret.isToBottom){
+                this.page += 1;
+                this.videoMenu()
+            }
+        });
+    }
+
+
+}
+
+new Video()