{extend name="layout:base" /}

{block name='main'}
<div class="main_center">

    
<!-- list -->
<div class="article_list">
    </div>

<!-- No Content -->
<div class="no_content">没有更多内容了哦</div>
</div>
{/block}
{block name="js"}
<script>
  	var page = 1;
    $(window).on("resize scroll",function(){
             
        var windowHeight = $(window).height();//当前窗口的高度             
        var scrollTop = $(window).scrollTop();//当前滚动条从上往下滚动的距离            
        var docHeight = $(document).height(); //当前文档的高度 
        console.log(scrollTop, windowHeight, docHeight);
        //当 滚动条距底部的距离 + 滚动条滚动的距离 >= 文档的高度 - 窗口的高度  
        //换句话说：（滚动条滚动的距离 + 窗口的高度 = 文档的高度）  这个是基本的公式  
        if (scrollTop + windowHeight >= docHeight) { 
          	$.get('/a/ajax/archives.html',{page:page+1,channel:''},function(data){
            	if(data.data.length != 0){
                  page++;
                  
                  var strVar = "";
                  for(var x in data.data){
                        strVar += "<a target=\"_blank\" href=\"/"+data.data[x].diyname+"/"+data.data[x].date+"/article_"+data.data[x].id+".html\">\n";
                    	if(data.data[x].flag.includes('video')){
                          strVar += "	<div class=\"picture bg_center video_list\" style=\"background-image: url("+data.data[x].image+")\">\n";
                          strVar += "		<div class=\"cla\">视频<\/div>\n";
                          strVar += "		<img class=\"play\" src=\"/assets/addons/cms/img/play.png\" alt=\"\">\n";
                          strVar += "	<\/div>\n";
                        }else{
                          strVar += "	<div class=\"picture bg_center\" style=\"background-image: url("+data.data[x].image+")\">\n";
                          //strVar += "		<div class=\"cla\">"+data.data[x].channel_name+"<\/div>\n";
                          strVar += "	<\/div>\n";
                        }
                        strVar += "	<div class=\"info\">\n";
                        strVar += "		<strong>"+data.data[x].title+"<\/strong>\n";
                        strVar += "		<p>"+data.data[x].description+"<\/p>\n";
                        strVar += "		<div>\n";
                    	$.each(data.data[x].tags,function(k,v){
                        	strVar += "			<span>"+v+"<\/span>\n";
                        })
                        strVar += "			<b class=\"time\" style=\"line-height: 20px;\">"+data.data[x].createtime+"<\/b>\n";
                        strVar += "		<\/div>\n";
                        strVar += "	<\/div>\n";
                        strVar += "<\/a>\n"; 
                  }
                  
                  $(".article_list").append(strVar)
                  
                }
            },'json')
            console.log("===加载更多数据===");
        }
    });
</script>
{/block}