{template "header.html"}

<div class="page-wrapper-row full-height">
    <div class="page-wrapper-middle">
        <div class="page-head">
            <div class="container">
                <div class="page-title">
                   这里是{MODULE_NAME}模块栏目封面页
                </div>
            </div>
        </div>
        <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>

                <!--循环输出顶级栏目下面的子栏目及其内容，运用到了双list循环标签因此需要定义返回值return=c（都懂得）-->
                {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>
                            </div>
                            <div class="portlet-body">
                                <div class="row">
                                    <!-- 调用MOD_DIR模块的指定栏目下带“图片”的数据 -->
                                    {module module=MOD_DIR field=url,title,thumb thumb=1 catid=$c.id order=updatetime num=12}
                                    <div class="col-sm-3">
                                        <div class="tile-container">
                                            <div class="tile-thumbnail text-center">
                                                <a href="javascript:;">
                                                    <a href="{$t.url}" ><img src="{dr_thumb($t.thumb, 250, 150)}" width="250" height="150"></a>
                                                </a>
                                            </div>
                                            <div class="tile-title margin-bottom-20">
                                                <h5><a href="{$t.url}" class="title">{dr_strcut($t.title, 25)}</a></h5>
                                            </div>
                                        </div>
                                    </div>
                                    {/module}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {/category}


            </div>

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

{template "footer.html"}