<!doctype html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-capable" content="yes">
<title>{?$cname?}图集 - {?$saxue_sitename?}图集</title>
<link rel="stylesheet" href="{?$saxue_skin_url?}/css/touch-app.css" />
<link rel="apple-touch-startup-image" href="{?$saxue_skin_url?}/images/320x460.png" />
<link rel="apple-touch-icon" apple-touch-icon-precomposed="false" sizes="57x57" href="{?$saxue_skin_url?}/images/cover.png"/>
<script src="{?$saxue_skin_url?}/js/zepto.min.js"></script>
<script src="{?$saxue_skin_url?}/js/app.js"></script>
<script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script>
</head>
<body>
<div class="AdPositionId"><script>ad_header()</script></div>
<div class="ui-container">
    <header>
        <div class="ui-header-bar">
            <a href="/" class="ui-gohomepage"></a>
            <div class="ui-pagetitle">悦图</div>
            <div class="ui-menu-trigger js-menubtn-top"></div>
        </div>
    </header>
    <div class="ui-cateandsearch js-category-search">
		<!-- 栏目导航 -->
		{?include file = "menu.html"?}
		<!-- @end 栏目导航 -->
	</div>
	<section class="mod_cata">
		<ul class="clearfix">{?section name=i loop=$catedir?}<li><a{?if $catedir[i].cid==$cid?} class="cur"{?/if?} href="{?$catedir[i].scurl?}">{?$catedir[i].cname?}</a></li>{?/section?}</ul>
	</section>
	<div class="ui-pictures-container">
        <section class="ui-articles-container photos-page">
			<ul>{?section name=i loop=$rows?}
				<li class="js-container"><a href="{?$rows[i].surl?}"><img src="{?$rows[i].thumb?}"><p>{?$rows[i].title?}</p></a></li>
			{?/section?}</ul>
            <a href="javascript:;" class="ui-more">加载更多图片</a>
        </section>
    </div>
</div>
{?include file = "footer.html"?}
<script src="{?$saxue_skin_url?}/js/scrolllist.js"></script>
<script>
$(function() {
	var list = $('.photos-page > ul');
	new ScrollList({
		url: '{?$spage?}',
		item: '.js-container',
		trigger: list.next('.ui-more'),
		container: list,
		page: {?$Saxue.request.page?},
		totalpage: {?$totalpage?}
	})
})
</script>
</body>
</html>
