{template "header.html", "/"}
<script language="javascript">
    // 这是加入收藏夹的ajax请求，我就随意写了一下提示信息，至于美化啊什么交给你们了
    function dr_favorite() {
        $.get("/index.php?s={MOD_DIR}c=api&m=favorite&id={$id}", function(data){
            if (data == 1) {
                dr_tips("没有登录，不能收藏");
            } else if (data == 2) {
                dr_tips("文档不存在，无法收藏");
            } else if (data == 3) {
                dr_tips("更新收藏成功", 3, 1);
            } else if (data == 4) {
                dr_tips("收藏成功", 3, 1);
            }
        });
    }
</script>
<div class="page-container">
    <div class="page-content-wrapper">

        <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>
                    <li>
                        <a href="{MODULE_URL}">{MODULE_NAME}</a>
                        <i class="fa fa-circle"></i>
                    </li>
                    {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">
                    <div class="search-page search-content-2">
                        <div class="row">
                            <div class="col-md-12">

                                <div class="portlet light">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <span class="caption-subject font-dark bold uppercase">{$title}</span>
                                        </div>
                                        <div class="actions">
                                            <a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;" data-original-title="" title="全屏查看"> </a>
                                        </div>
                                    </div>
                                    <div class="search-post-foot" style="padding-top:0px;text-align:left;padding-bottom: 10px">
                                        <div class="search-post-meta">
                                            <i class="icon-user font-blue"></i>
                                            <a href="javascript:;">{$author}</a>
                                        </div>
                                        <div class="search-post-meta">
                                            <i class="icon-calendar font-blue"></i>
                                            <a href="javascript:;">{$updatetime}</a>
                                        </div>
                                        <div class="search-post-meta">
                                            <i class="icon-fire font-blue"></i>
                                            <a href="javascript:;">{dr_show_hits($id)}次</a>
                                        </div>
                                        <div class="search-post-meta">
                                            <i class="icon-bubble font-blue"></i>
                                            <a href="javascript:;">{$comments}</a>
                                        </div>
                                        <div class="search-post-meta">
                                            <i class="icon-flag font-blue"></i>
                                            <a href="javascript:dr_favorite();">加入收藏</a>
                                        </div>
                                    </div>
                                    <div class="portlet-body" style="height: auto;">
                                        {$content}
                                    </div>

                                    <div class="blog-single-foot">
                                        <div id="myphoto">
                                            <div class="row">

                                                <div class="col-md-12 text-center">
                                                    <div id="photosDemo" class="photos-demo">
                                                        <!-- layer-src表示大图  layer-pid表示图片id  src表示缩略图-->

                                                        {loop $images $i $t}
                                                        <img layer-src="{dr_get_file($t.file)}" layer-pid="" src="{dr_thumb($t.file, 300, 200)}" alt="{$t.title}">

                                                        {/loop}

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <ul class="blog-post-tags" style="margin-top: 20px;">
                                            {loop $keyword_list $name $url}
                                            <li class="uppercase">
                                                <a href="{$url}" target="_blank">{$name}</a>
                                            </li>
                                            {/loop}
                                        </ul>
                                        <p class="f14" style="margin-bottom: 0">
                                            <strong>上一篇：</strong>{if $prev_page}<a href="{$prev_page.url}">{$prev_page.title}</a>{else}没有了{/if}<br>
                                            <strong>下一篇：</strong>{if $next_page}<a href="{$next_page.url}">{$next_page.title}</a>{else}没有了{/if}
                                        </p>
                                    </div>

                                    {dr_module_comment(MOD_DIR, $id)}

                                </div>


                            </div>
                        </div>


                    </div>


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


<style>
    #photosDemo img {
        margin-bottom: 20px;
        margin-right: 15px;
        width: 200px;
        padding:5px;
        height: 150px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        cursor: pointer;
    }
</style>
<script type="text/javascript" src="{THEME_PATH}js/layer/layer.js"></script>
<script type="text/javascript">
    jQuery(function($) {
        //加载扩展模块
        layer.config({
            extend: 'extend/layer.ext.js'
        });

        //页面一打开就执行，放入ready是为了layer所需配件（css、扩展模块）加载完毕
        layer.ready(function(){
            //使用相册
            layer.photos({
                photos: '#photosDemo'
            });
        });



    });
</script>

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