{include file="common/header" /}
<main class="container">
    <div class="content-grid article-grid">
        <div class="main-col">
            <article class="article">
                <!-- 面包屑标签：自动输出首页 → 栏目 → 当前文章标题。 -->
                {pycms:breadcrumb catid="$article.category_id" /}
                <h1 class="article-title">{$article.title}</h1>
                <div class="article-meta">
                    {if $article.category_name}<a class="chip" href="{$categoryUrl}">{$article.category_name}</a>{/if}
                    <!-- 日期标签：把 publish_time 时间戳格式化为 Y-m-d。 -->
                    <span>{pycms:date name="$article.publish_time" format="Y-m-d" /}</span>
                    <span>{if $article.author}{$article.author}{else}管理员{/if}</span>
                    <span>{$article.views} 阅读</span>
                    {if $article.source}<span>来源：{$article.source}</span>{/if}
                </div>
                {if $article.cover}
                    <!-- 资源 URL 标签：把文章封面字段转成可访问图片地址。 -->
                    <div class="article-cover"><img src="{pycms:url path="$article.cover" /}" alt="{$article.title}"></div>
                {/if}
                <div class="article-content">
                    {$article.content|raw}
                </div>
                {if $article.model_custom_field_rows}
                    <!-- 模型扩展字段：仅输出产品等模型的自定义字段，通用字段仍在上方正文/信息区展示。 -->
                    <section class="article-model-data">
                        <div class="section-head"><h2>内容参数</h2><span class="section-line"></span></div>
                        <dl class="model-data-list">
                            {pycms:volist name="$article.model_custom_field_rows" id="modelField"}
                                <dt>{$modelField.name}</dt>
                                <dd>{$modelField.display|raw}</dd>
                            {/pycms:volist}
                        </dl>
                    </section>
                {/if}
                {if $articleTagLinks}
                    <div class="article-tags">
                        <!-- 循环标签：遍历控制器准备的标签链接数组，输出可点击标签。 -->
                        {pycms:volist name="$articleTagLinks" id="tagLink"}
                            <a href="{$tagLink.href}"># {$tagLink.title}</a>
                        {/pycms:volist}
                    </div>
                {/if}
                <div class="article-nav">
                    <div>
                        {if $prevArticle}
                            <small>上一篇</small>
                            <a href="{$prevArticle.href}">{$prevArticle.title}</a>
                        {else}
                            <small>上一篇</small><span>已经没有了</span>
                        {/if}
                    </div>
                    <div class="align-right">
                        {if $nextArticle}
                            <small>下一篇</small>
                            <a href="{$nextArticle.href}">{$nextArticle.title}</a>
                        {else}
                            <small>下一篇</small><span>已经没有了</span>
                        {/if}
                    </div>
                </div>
            </article>

            <!-- 相关内容标签：catid 限定当前栏目，exclude 排除当前文章。 -->
            {pycms:content catid="$article.category_id" num="4" exclude="$article.id"}
            <section class="related">
                <div class="section-head"><h2>相关阅读</h2><span class="section-line"></span></div>
                <div class="related-list">
                    <!-- 日期标签：格式化相关内容发布时间。 -->
                    <a href="{$item.href}">
                        <span class="related-date">{pycms:date name="$item.publish_time" format="m-d" /}</span>
                        <span class="related-title">{$item.title}</span>
                    </a>
                </div>
            </section>
            {/pycms:content}
        </div>
        {include file="common/sidebar" /}
    </div>
</main>
{include file="common/footer" /}