<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{$title}_{$name}{if $page>'1'}_第{$pagebar.PageNow}页{/if}</title>
<meta name="Keywords" content="{$title},{$name}" />
<meta name="description" content="{$title}_{$name}{if $page>'1'}_当前是第{$pagebar.PageNow}页{/if}" />
<link rel="stylesheet" type="text/css" href="{$host}zb_users/theme/{$theme}/style/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="{$host}zb_users/theme/{$theme}/style/css/swiper.css">
<link rel="stylesheet" type="text/css" href="{$host}zb_users/theme/{$theme}/style/css/style.css">
<link rel="stylesheet" type="text/css" href="{$host}zb_users/theme/{$theme}/style/css/iconfont.css">
<link rel="icon" href="{$host}zb_users/theme/{$theme}/style/images/favicon.ico">
<script src="{$host}zb_users/theme/{$theme}/style/js/jquery-2.js"></script>
<script type="text/javascript" src="{$host}zb_users/theme/{$theme}/style/js/ajax.js"></script>
<script src="{$host}zb_system/script/zblogphp.js" type="text/javascript"></script>
<script src="{$host}zb_system/script/c_html_js_add.php" type="text/javascript"></script>
<style id="theia-sticky-sidebar-stylesheet-TSS">.theiaStickySidebar:after {content: ""; display: table; clear: both;}</style>
</head>
<body>
{template:header}<div class="breadcrumb container"><li>当前位置：</li><li><a href="{$host}">{$name}</a></li><li>></li><li>{if $type=='category'}<a href="{$category.Url}" title="{$category.Name}">{$category.Name}</a>{else}{$title}{/if}</li></div>
<div class="main container" style="transform: none;">
    <div class="main_l left">
        <div class="article_list">
                        <ul id="infinitescroll">                         
{foreach $articles as $article}
    {$i = $key+1}
						{if $article.IsTop}
                                <li class="infinitescroll_li">
                    <div class="article_img"> <a href="{$article.Url}" title="{$article.Title}" target="_blank"><img src="{bluecms_thumbnail($article)}" alt="{$article.Title}"></a> </div>
                    <div class="article_text">
                        <dl>
                            <dt><a href="{$article.Url}" title="{$article.Title}" target="_blank">{$article.Title}</a></dt>
                            <dd>{if strlen($article.Intro)>0}
				{php}$intro= trim(SubStrUTF8(TransferHTML($article->Intro,'[nohtml]'),100)).'...';{/php}
				{else}
				{php}$intro= trim(SubStrUTF8(TransferHTML($article->Content,'[nohtml]'),90)).'...';{/php}
			{/if}
			{$intro}</dd>
                        </dl>
                        <div class="info">
                            <span><i class="fa fa-clock-o"></i>{$article.Time('Y-m-d')}</span>
                            <span>{if Count($article.Tags)>0}{foreach $article.Tags as $tag}<a href="{$tag.Url}" target="_blank" rel="tag">{$tag.Name}</a> {/foreach}{/if}</span>
                        </div>
                    </div>
                </li>
                          {else}      <li class="infinitescroll_li">
                    <div class="article_img"> <a href="{$article.Url}" title="{$article.Title}" target="_blank"><img src="{bluecms_thumbnail($article)}" alt="{$article.Title}"></a> </div>
                    <div class="article_text">
                        <dl>
                            <dt><a href="{$article.Url}" title="{$article.Title}" target="_blank">{$article.Title}</a></dt>
                            <dd>{if strlen($article.Intro)>0}
				{php}$intro= trim(SubStrUTF8(TransferHTML($article->Intro,'[nohtml]'),100)).'...';{/php}
				{else}
				{php}$intro= trim(SubStrUTF8(TransferHTML($article->Content,'[nohtml]'),90)).'...';{/php}
			{/if}
			{$intro}</dd>
                        </dl>
                        <div class="info">
                            <span><i class="fa fa-clock-o"></i>{$article.Time('Y-m-d')}</span>
                           <span>{if Count($article.Tags)>0}{foreach $article.Tags as $tag}<a href="{$tag.Url}" target="_blank" rel="tag">{$tag.Name}</a> {/foreach}{/if}</span>
                        </div>
                    </div>
                </li>
                {/if}
{/foreach}    
            </ul>
            <div class="pagelist">{template:pagebar}</div>
                    </div> 
       
    </div>
    <div class="main_r right" style="position: relative; overflow: visible; box-sizing: border-box; min-height: 1px;">   
    <div class="theiaStickySidebar" style="padding-top: 0px; padding-bottom: 1px; position: static; transform: none; top: 0px; left: 934.5px;">
        <div class="widget widget_ad" id="ad3"></div>
        <div class="widget widget_tuijian">
            <h5>推荐文章</h5>
                     {$topArray = GetList(10, null, null, null, null, null, array("only_ontop"  => true));}
{foreach $topArray as $top}
                                <div class="tj_box">
                    <div class="img">
                        <a  href="{$top.Url}" title="{$top.Title}" target="_blank">
                            <img src="{bluecms_thumbnail($top)}" alt="{$top.Title}">
                        </a>
                    </div>
                    <div class="info">
                        <p>
                            <a href="{$top.Url}" title="{$top.Title}" target="_blank">{$top.Title}</a>
                        </p>
                    </div>
                </div>{/foreach}                     
        </div>

        <div class="widget widget_previous">
            <h5>热门浏览</h5>
            <ul>
             {php}
$order = array('log_ViewNums'=>'DESC');
$where = array(array('=','log_Status','0'));
$array = $zbp->GetArticleList(array('*'),$where,$order,array(8),'');
{/php}
{foreach $array as $hotlist}
 <li><a href="{$hotlist.Url}" title="{$hotlist.Title}" target="_blank">{$hotlist.Title}</a></li>
{/foreach} 
                
            </ul>
        </div>      
        <div class="widget widget_ad" id='ad4'></div>
        <div class="widget widget_tags">
            <h5>标签列表</h5>
            <ul>
               {module:tags}
                            </ul>
        </div>
        <div class="resize-sensor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; z-index: -1; visibility: hidden;">
            <div class="resize-sensor-expand" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;">
                <div style="position: absolute; left: 0px; top: 0px; transition: all 0s ease 0s; width: 350px; height: 2061px;"> 
                </div>
            </div>
            <div class="resize-sensor-shrink" style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;">
                <div style="position: absolute; left: 0; top: 0; transition: 0s; width: 200%; height: 200%"> 
                </div>
            </div>
        </div>
    </div>
</div></div>
{template:footer}
<div id="goTop" class="goTop" style="display: none;"><i class="fa fa-angle-up"></i></div>
<script src="{$host}zb_users/theme/{$theme}/style/js/jquery.js"></script> 
<script src="{$host}zb_users/theme/{$theme}/style/js/common.js" type="text/javascript"></script> 
<script src="{$host}zb_users/theme/{$theme}/style/js/ResizeSensor.js" type="text/javascript"></script> 
<script src="{$host}zb_users/theme/{$theme}/style/js/theia-sticky-sidebar.js" type="text/javascript"></script> 
<script>jQuery(document).ready(function($) {jQuery('.main_r').theiaStickySidebar({ additionalMarginTop: 10,});});</script> 
<script type="text/javascript" src="{$host}zb_users/theme/{$theme}/style/js/infinitescroll.js"></script> 
<script src="{$host}zb_users/theme/{$theme}/style/js/swiper.js" type="text/javascript"></script> 
<script>
    var swiper = new Swiper('.swiper-container', {
      slidesPerView: 1, //只显示1图
      loop: true, //无限循环
      // autoHeight: true, //自由高度
      // spaceBetween: 20, //切换间距
      centeredSlides: false, // true时候活动块居中 false 居左
      lazy: true, //延迟加载
      autoplay: {
        delay: 5000,
        disableOnInteraction: false,
      },  //自动切换
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },  //圆标点
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },  //上下翻页
    });
</script>

</body>
</html>