<{include file="header.html"}>
<link rel="stylesheet" type="text/css" href="<{$web_cfg.cdn}>/haili/css/index.css" />
<style>
.vogue_top_list img {
    background: #fff url("<{$web_cfg.cdn}>/public/static/img/m-load.gif") no-repeat scroll 50% center / 20px 20px;
}
</style>
<{include file="common_header.html"}>

<{if $focusData}>
<!--焦点图-->
<section class="slider">
    <section class="swiper-container">
        <div class="swiper-wrapper">
            <{foreach from=$focusData item=v}>
            <div class="swiper-slide">
                <a href="<{$v.url}>"><img src="<{$web_cfg.cdn}>/public/static/img/bg_alpha.png" data-ks-lazyload="<{$v.img_url}>"></a>
            </div>
            <{/foreach}>
        </div>
    </section>
    <div class="swiper-pagination"></div>
</section>
<{/if}>

<{if $categoryData}>
<!--分类-->
<section class="avatarlist">
    <ul>
        <{foreach from=$categoryData item=v}>
        <li><a href="<{$domain}>/cate/<{$v.id}>/<{$url}>"><img src="<{$web_cfg.cdn}>/public/static/img/bg_alpha.png" data-ks-lazyload="<{$v.icon}>"><span><{$v.name}></span></a></li>
        <{/foreach}>
    </ul>
</section>
<{/if}>

<{if $userEventsData}>
<section class="userlist">
    <h2>获得福利</h2>
    <ul>
        <{foreach from=$userEventsData item=v}>
        <li><img src="<{$v.user.headimgurl}>"><span><{$v.user.mobile}> 的用户 <{$v.user.cdate}> 获得 <{$v.user.events}> <{$v.user.ext}>。</span></li>
        <{/foreach}>
    </ul>
</section>
<{/if}>

<{if $eventsData}>
<section class="cardlist">
    <h2>热门活动</h2>
    <{foreach from=$eventsData item=events}>
    <dl>
        <dt><a href="<{$events.url}>"><img src="<{$web_cfg.cdn}>/public/static/img/bg_alpha.png" data-ks-lazyload="<{$events.img_url}>"></a></dt>
        <dd><h5><{$events.events_name}></h5></dd>
        <dd>
        <{if $events.rday>=1}>
        <span class="time">
        <em class="icon-time"></em>剩余<{$events.rday}>天</span>
        <{elseif $events.type != 9}>
        <span class="time">
        <em class="icon-time"></em>已结束</span>
        <{/if}>

        <{if $events.type == 9}>
        <span>阅读 <{$events.click_num}></span>
        <span>点赞 <{$events.likes}></span>
        <{else}>
        <span>参与<{$events.user_total}>人</span>
        <{/if}>

        </dd>
    </dl>
    <{/foreach}>
</section>
<{/if}>


<script>

KISSY.use('node, io, gallery/datalazyload/2.0/index', function (S, Node, IO, Datalazyload) {
	var $ = S.all;
	var lock = false;
	
	new Datalazyload({
		load: function(el){
			if (lock) return false;
			lock = true;
			
			var requesrUrl = $(el).attr('data-request-url');
			var page = Number($(el).attr('data-page'));
			var totals = Number($(el).attr('data-totals'));
			if (!requesrUrl) {
				lock = false;
				return false;
			}
			
			if (page > totals) {
				$('.loading').hide();
				return false;
			}
			
			IO.get(
				requesrUrl
				, {page: page}
				, function (data) {
					if (data.ok) {
						var next_page = page + 1;
						$('#loadPage').attr('data-page', next_page);
						var new_dl = $(data.msg);
						$(".vogue_top_list").append(new_dl);
						new Datalazyload();
						lock = false;
						
						if (next_page > totals) {
							$('.loading').hide();
						}
					}
				}
				, 'json'
			);
		}
	});
});


//判断当前页图片加载完成loading消失
/* $(".vogue_top_list").find("img").load(function(){
	$(this).parent().css("background","none");
}); */

</script>
<{include file="bottom.html"}>

<script type="text/javascript" src="<{$web_cfg.cdn}>/haili/js/index.js"></script>