<!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, viewport-fit=cover"/>
    <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"-->
    <link rel="stylesheet" href="../css/om.product.css?v={$version_sn}" />
    <link rel="stylesheet" href="../css/swiper.min.css">
    <script src="../js/swiper.min.js"></script>
</head>
<body>
<!--#include file="include.header.html"-->
<section class="mbody">
    <div class="ow-content-container">
        <div class="goods-gallery">
            <div class="swiper ow-swiper">
                <div class="swiper-wrapper">
                {%=OW.echoImages("{$content:images}","<div class=""swiper-slide swiper-slide-{$i}""><a href='javascript:;'><img src='{$url}' alt='{$name}' title='{$name}' /></a></div>")%}
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <script type="text/javascript">
		var owSwiper = new Swiper(".ow-swiper",{speed:200,autoplay:{delay:5000},loop:true,pagination:{el:".swiper-pagination",clickable:true}});
		</script>
        <div class="goods-property">
            <h1 class="title">{$content:title}</h1>
            <h2 class="subtitle">{$content:subtitle}</h2>
        </div>
        <div class="ow-editor-content-text">{$content:mob_content}</div>
        <div class="tags" id="tags">标签：{tags cid="{$content:cid}"}{tags:loop}<a href="[tags:link]" title="[tags:tag]">[tags:tag]</a>{/tags:loop}{/tags}</div>
        <div class="views">阅读：{$content:views}</div>
        <div class="pager">{$content:pages}</div>
    </div>
    <div class="ow-prev-next">
        <div class="prev">上一篇：{$content:prev}</div>
        <div class="next">下一篇：{$content:next}</div>
    </div>
    <div class="ow-related-content after">
        <div class="hd">相关内容</div>
        {content top="100" related_cid="{$content:cid}"}
        <ul>
            {content:loop}
            <li><a href="[content:link]" title="[content:title]">[content:title]</a></li>
            {/content:loop}
        </ul>
        {/content}
    </div>
    <div id="OWCMT"></div>
</section>

<!--底部-->
<!--#include file="include.footer.html"-->
<script type="text/javascript">
$(document).ready(function(){
	if(!$("#tags").find("a").length>0){$("#tags").remove();};
	if(!$(".pager").find("a").length>0){$(".pager").remove();};
	if(!$(".ow-related-content").find("li").length>0){$(".ow-related-content").remove();};
	//评论
	var isCommentOpen = OW.int("{$config(is_comment_open)}");
	if(isCommentOpen==1){
		$("#OWCMT").html('<div id="owcmt_post_section"></div><div class="ow-owcmt-list-header"><span class="cmt-count"><b id="owcmt_count_section">0</b>条评论</span>最新评论</div><div id="owcmt_list_section"></div><div class="pager" id="owcmt_pager_section"></div>');
		OW.cmt.postSection  = $("#owcmt_post_section");
		OW.cmt.countSection = $("#owcmt_count_section");
		OW.cmt.listSection  = $("#owcmt_list_section");
		OW.cmt.pagerSection = $("#owcmt_pager_section");
		OW.cmt.pagesize = 20;
		OW.cmt.init({cid:{$content:cid},gid:0});
		OW.cmt.get({cid:{$content:cid},gid:0,page:1});
		OW.cmt.getCallBack = function(){
			var opt = {y:"年前",m:"个月前",w:"周前",d:"天前",h:"小时前",n:"分钟前",s:"秒前",z:"刚刚"}
			$("#OWCMT").find(".posttime").each(function(){
				var timeText = OW.timeAgoTip(opt,$(this).html(),"<%=SYS_TIME%>");
				$(this).html(timeText);
			});
		};
	};
	mbodyHeightFit();
});
</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:['updateAppMessageShareData','updateTimelineShareData']
});
wx.ready(function(){
	var wxTitle = '{$title}',
	wxDesc      = '{$description}'
	wxLink      = OW.currentURL(),
	wxImgUrl    = '<%=OW.validImageUrl("{$content:thumbnail}")%>';
	wx.updateAppMessageShareData({title:wxTitle,desc:wxDesc,link:wxLink,imgUrl:wxImgUrl,success:function(){}});
	wx.updateTimelineShareData({title:wxTitle,link:wxLink,imgUrl:wxImgUrl,success:function(){}});
});
</script>
<% end if %>
</body>
</html>
