onepage/tm/template_dir/card.html

<{include file="header.html"}>
<{include file="nav.html"}>
<div class="wrapper jsc-sidebar-content jsc-sidebar-pulled">
<{include file="menu_icon.html"}>
    
    <div class="ac_title_com">专属活动</div>
    <div class="vogue_top_list">
    	<{foreach from=$eventsData item=events}>
    	<dl>
        	<a href="<{$events.url}>">
                <dt><img src="<{$events.img_url}>"></dt>
                <dd><{$events.events_name}></dd>
            </a>
        </dl>
       <{/foreach}>
    </div>
    
    <br>
    <div class="clear"></div>
    <div class="up_icon center">
    	<img
    		id="loadPage"
    		src="<{$web_cfg.cdn}>/public/static/img/up_icon.png"
    		data-ks-lazyload="<{$web_cfg.cdn}>/public/static/img/up_icon.png"
    		data-request-url="<{$web_cfg.domain}>/?c=index&a=ajax"
    		data-page="1"
    		data-totals="<{$totals}>"
    	/>
    </div>
    <br>
    
</div>

<{include file="left.html"}>

<script>
KISSY.use('node, io, gallery/datalazyload/2.0/index', function (S, Node, IO, Datalazyload) {
	new Datalazyload({
		load: function(el){
			var requesrUrl = $(el).data('request-url');
			var page = $(el).data('page') + 1;
			var totals = $(el).data('totals');
			if (!requesrUrl) {
				return false;
			}
			
			if (page >= totals) $('.up_icon').hide();
			if (page > totals) return false;
			
			IO.get(
				requesrUrl
				, {page: page}
				, function (data) {
					if (data.ok) {
						$('#loadPage').data('page', page);
						$(".vogue_top_list").append(data.msg);
					}
				}
				, 'json'
			);
		}
	});
});
</script>
<{include file="bottom.html"}>