<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>{$title}</title>
    <meta name="keywords" content="{$keywords}" />
    <meta name="description" content="{$description}" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no, email=no">
    <meta name="apple-mobile-web-app-title" content="{$site_name}" />
    <meta name="generator" content="openwbs {$version}" />
    <meta name="author" content="openwbs team" />
    <meta name="copyright" content="2019-2039 OpenWBS Inc." />
    <!--#include file="include.css.html"-->
</head>
<body>
<!--#include file="include.header.html"-->

<section class="mbody">
    <div class="header om-cate-header-slither">
        {cate parent_id="{$cate:root_id}"}
        <ul name="slither">
            <li class="li0"><a href="{$site_hurl}<%=OW.DB.getFieldValueBySQL("SELECT [urlpath] FROM "& DB_PRE &"category WHERE cate_id={$cate:root_id}")%>/">全部</a></li>
            {cate:loop}<li class="li[cate:i] {if:OW.trim("{$cate:cate_id}")=OW.trim("[cate:cate_id]")}current{/if}"><a href="[cate:link]">[cate:name]</a></li>{/cate:loop}
        </ul>
        {/cate}
    </div>
    <div id="ow_type_filter">
        <div class="om-type-filter-header" id="ow_type_filter_header">
            <span class="type-filter" id="ow_filter_btn"><em>筛选<i>-</i></em></span>
        </div>
        <div class="om-type-filter-section" id="ow_type_filter_section">
            {typeattr type_cate_id="{$cate:type_cate_id}"}
            {typeattr:loop}
            <div class="type-line" i="[typeattr:i]">
                <div class="type-attr">[typeattr:type_attr_name]</div>
                <div class="type-value">
                    <ul class="type-value-list">
                        <li><a class="all" href="[typeattr:link]" name="typeattr" type_attr_id="[typeattr:type_attr_id]" target="_self">全部</a></li>
                        {ctype type_attr_id="[typeattr:type_attr_id]"}
                        {ctype:loop}
                        <li><a href="[ctype:link]" name="ctype" type_id="[ctype:type_id]" target="_self">[ctype:type_name]</a></li>
                        {/ctype:loop}
                        {/ctype}
                    </ul>
                </div>
            </div>
            {/typeattr:loop}
            {/typeattr}
        </div>
    </div>
    <div class="om-cate-case" id="list">
        {content top="20000" cate_id="{$cate:cate_id}" list_by_type="{$cate:list_by_type}" model="case" orderby="a.cid desc"}
        <div class="section">
            <ul class="om-case-horizlist">
                {content:loop}
                <li class="li[content:i]">
                    <a href="[content:link]">
                    <div class="thumb"><img src="[content:thumbnail]" alt="[content:title]" title="[content:title]"></div>
                    <div class="info">
                        <h3 class="title">[content:title]</h3>
                        <div class="subtitle">[content:subtitle]</div>
                    </div>
                    </a>
                </li>
                {/content:loop}
            </ul>
        </div>
        <div class="footer">
            <div class="pager">[content:pages pagesize="20" pagetpl="{prev}{current}{next}"]</div>
        </div>
        {/content}
    </div>
</section>

<!--底部-->
<!--#include file="include.footer.html"-->
<script type="text/javascript">
$(document).ready(function(){
	//栏目菜单
	OW.mobile.menu();
	//筛选
	var $omTypeFilter= $("#ow_type_filter"),
	$omFilterBtn     = $("#ow_filter_btn"),
	$omFilterSection = $("#ow_type_filter_section");
	$omFilterBtn.toggle(
		function(){
			$(this).find("em").html("筛选<i>+</i>");
			$omFilterSection.slideUp(100);
		},function(){
			$(this).find("em").html("筛选<i>-</i>");
			$omFilterSection.slideDown(100);
		}
	);
	OW.client.typeInit({section:$omTypeFilter});
	//暂无内容
	if($("#list").find("li").length==0){
		$("#list").html('<div class="om-none-content-tip">暂无内容</div>');
	};
	
});
</script>
<% if OS.isWeixinShare then %>
<%=OS.getWXShareTicket%>
<script type="text/javascript">
wx.config({
    debug:false,appId:'<%=OS.wxShareAppid%>',timestamp:'<%=OS.wxShareTimestamp%>',nonceStr:'<%=OS.wxShareNonceStr%>',signature:'<%=OS.wxShareSignature%>',jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareQZone']
});
wx.ready(function(){
	var wxTitle = '{$title}',
	wxDesc      = '{$description}'
	wxLink      = OW.currentURL(),
	wxImgUrl    = '<%=OW.validImageUrl("{$config(share_default_img)}")%>';
	wx.onMenuShareTimeline({title:wxTitle,link:wxLink,imgUrl:wxImgUrl});
	wx.onMenuShareAppMessage({title:wxTitle,desc:wxDesc,link:wxLink,imgUrl:wxImgUrl});
	wx.onMenuShareQQ({title:wxTitle,desc:wxDesc,link:wxLink,imgUrl:wxImgUrl});
	wx.onMenuShareQZone({title:wxTitle,desc:wxDesc,link:wxLink,imgUrl:wxImgUrl});
});
</script>
<% end if %>
</body>
</html>