diymall-water/WebRoot/wap/template.htm

##tlayout("wap/layout.htm",{head_title:"定制模板"}){

<div class="header">
    <div class="header-inner">
        <span class="title">定制模板</span>
        <span class="header_func_img left" id="showNav">
            <img src="/wap/image/sx_icon.png" />
        </span>
    </div>
    <div class="nav-background close_nav"></div>
    <nav class="nav">
        <div class="sx_content">
            <div class="sx_title">筛选条件</div>
            <div class="sx_base">
                <div class="sx_base_item">
                    <h3 class="sx_base_item_title">模板用途</h3>
                    <ul class="sx_base_item_list clearfix">
                    	##for(_item in purpose_list!){
                    		##if(exist("pid") && pid==_item.id){
                    			<li class="cur"><a href="/wap/template?pid=${_item.id!}" style="color: #666;">${_item.title!}</a></li>
                    		##}else{
                    			<li><a href="/wap/template?pid=${_item.id!}" style="color: #666;">${_item.title!}</a></li>
                    		##}	
                    	##}
                    </ul>
                </div>
                 <div class="sx_base_item">
                    <h3 class="sx_base_item_title">模板行业</h3>
                    <ul class="sx_base_item_list clearfix">
                        ##for(_item in industry_list!){
                        	##if(exist("iid") && iid==_item.id){
                    			<li class="cur"><a href="/wap/template?iid=${_item.id!}" style="color: #666;">${_item.title!}</a></li>
                    		##}else{
                    			<li><a href="/wap/template?iid=${_item.id!}" style="color: #666;">${_item.title!}</a></li>
                    		##}	
                    	##}
                    </ul>
                </div>
                <div class="sx_base_item">
                    <h3 class="sx_base_item_title">模板节日</h3>
                    <ul class="sx_base_item_list clearfix">
                        ##for(_item in festival_list!){
                        	##if(exist("fid") && fid==_item.id){
                    			<li class="cur"><a href="/wap/template?fid=${_item.id!}" style="color: #666;">${_item.title!}</a></li>
                    		##}else{
                    			<li><a href="/wap/template?fid=${_item.id!}" style="color: #666;">${_item.title!}</a></li>
                    		##}	
                    	##}
                    </ul>
                </div>
                <div class="sx_base_item">
                    <h3 class="sx_base_item_title">模板风格</h3>
                    <ul class="sx_base_item_list clearfix">
                        ##for(_item in style_list!){
                    		##if(exist("sid") && sid==_item.id){
                    			<li class="cur"><a href="/wap/template?sid=${_item.id!}" style="color: #666;">${_item.title!}</a></li>
                    		##}else{
                    			<li><a href="/wap/template?sid=${_item.id!}" style="color: #666;">${_item.title!}</a></li>
                    		##}	
                    	##}
                    </ul>
                </div>
            </div>
        </div>        
    </nav>
</div>
<div class="body bodyTo50">
    <div class="base-list-wrapper">
   		##for(_item in results.list!){
        	<div class="double-grid-one">
	            <a href="/wap/diy?id=${_item.id!}">
	                <div class="double-grid-item">
	                    <div class="list-img_content">
	                        <img src="${_item.img_url!}" />
	                    </div>
	                    <div class="list_btn">定制</div>
	                </div>
	            </a>
	        </div>
        ##}
    </div>
    ##if(totalPage>1){
		<div class="fenye">
			<#_wapPage page="${results!}" params="pid,iid,fid,sid">
				<ul id="Pagination" class="Pagination"></ul>
			</#_wapPage>
		</div>
	##}
</div>
<#_wapFooter />
<script>
$(document).ready(function(){
    //打开筛选
    $("#showNav").click(function(){ 
        $(".header").addClass('is-open');
    });
    //关闭筛选
    $(".close_nav").click(function(){ 
        $(".header").removeClass('is-open');
    });
});
</script>
##}