{template "header.html", "/"}

<div class="page-container">
    <div class="page-content-wrapper">
        {template "header.html"}
        <div class="page-content">
            <div class="container">
                <ul class="page-breadcrumb breadcrumb">
                    <li>
                        <a href="{SITE_URL}">首页</a>
                        <i class="fa fa-circle"></i>
                    </li>
                    {if !IS_SHARE}
                    <li>
                        <a href="{MODULE_URL}">{MODULE_NAME}</a>
                        <i class="fa fa-circle"></i>
                    </li>
                    {/if}
                    {dr_catpos($catid, '', true, '<li><a href="{url}">{name}</a><i class="fa fa-circle"></i></li>')}
                    <li>
                        <span>频道页</span>
                    </li>
                </ul>
                <div class="page-content-inner">

                    <!--循环输出顶级栏目下面的子栏目及其内容，运用到了双list循环标签因此需要定义返回值return=c（都懂得）-->
                    {list action=category pid=$catid return=c}
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="portlet light">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <span class="caption-subject bold uppercase"><a class=" font-green" href="{$c.url}">{$c.name}</a></span>
                                    </div>
                                    <ul class="nav nav-tabs">
                                        <li><a href="{$c.url}">更多</a></li>
                                    </ul>
                                </div>
                                <div class="portlet-body">
                                    <div class="row">
                                        <!-- 最新数据 -->
                                        {list action=module catid=$c.id order=updatetime num=8}
                                        <div class="col-sm-3">
                                            <div class="tile-container">
                                                <div class="tile-thumbnail">
                                                    <a href="javascript:;">
                                                        <a href="{$t.url}" ><img src="{dr_thumb($t.thumb, 250, 200)}" width="250" height="200"></a>
                                                    </a>
                                                </div>
                                                <div class="tile-title">
                                                    <h5><a href="{$t.url}" class="title">{dr_strcut($t.title, 28)}</a></h5>
                                                </div>
                                            </div>
                                        </div>
                                        {/list}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/list}


                </div>
            </div>
        </div>
    </div>
</div>



{template "footer.html", "/"}