{extend name="defaults/layout"/}
{block name="seo"}
<title>{$data.title}-{$info.meta_title}-{$title}</title>	
<meta name="keywords" content="{$info.meta_keywords},{$keywords}" />
<meta name="description" content="{$info.meta_description}-{$description}" />
{/block}
{block name="toplink"}
<script>
    $(document).ready(function () {
        //栏目右侧折叠菜单
        $('.ui.styled.accordion').accordion({
            selector: {
                trigger: '.title .icon'
            }
        });
        //弹出图片
        $('#photolist img').click(function () {
            $('#photoshow  img').attr('src', $(this).attr('data-bind'));
            $('#photoshow').modal('show');
        });
        //tab切换
        $('#comment  .item').tab();
    });
</script>
{/block}
{block name="content"}
<div class="ui  padded grid " id="listBanner">
    <div class="blue column">
        <div class="ui container ">
            <h3>{$info.title}</h3>
            <p>{$info.meta_description}</p>
        </div>  
    </div>
</div>

<div class="ui container" id="box">
    <div class="ui  grid stackable">
        <div class="ten wide column">
            <div class="ui  breadcrumb">
                <a class="section" href="{:url('index/index')}"> 首页</a>
                {volist name="crumbs" id="vo"}
                <i class="right chevron icon divider"></i><a class="section" href="{$vo.url}"> {$vo.title}</a>
                {/volist}
            </div>

            <div class="ui segment">
                <h4 class="ui header">{$data.title}</h4>
                <div class="contentInfo"><i class="time icon"></i>{:date('Y-m-d H:i:s',$data.create_time)}&nbsp;&nbsp;&nbsp;<i class="unhide icon"></i> {$data.hits} &nbsp;&nbsp;&nbsp; </div>
                <div class="ui divider"></div>
                <div class="ui small images" id="photolist">
                    {volist name="$data.pictures" id="p"}
                    <img src="__UPLOAD__/{$p.thumb}" class="ui medium circular image cursorPoint" data-bind="__UPLOAD__/{$p.path}" alt="{$data.title}">
                    {/volist}
                </div>
                <div class="ui ignored divider"></div>
                <div>{$data.content|raw}</div>

                <div class="ui horizontal divider">相关信息 </div>

                <div class="ui relaxed list">
                    <div class="item">
                        上一篇： {empty name="prev"}没有了 ...{else}<a href="{$prev.url}">{$prev.title}</a>{/empty}
                    </div>
                    <div class="item">
                        下一篇： {empty name="next"}没有了 ...{else}<a href="{$next.url}">{$next.title}</a>{/empty}
                    </div>
                </div>
                {include file="defaults/comment" /}
            </div>
        </div>

        <div class="six wide column" id="rightComun">
            {include file="defaults/right" /}
        </div>
    </div>
</div>

<div class="ui modal" id="photoshow">
    <i class="close icon"></i>
    <div class="header">
        {$data.title}
    </div>
    <div class="content">
        <img class="ui centered image rounded " src="">
    </div>
</div>
{/block}