文章详情-の子页面

<br>
<br>

{$current_cate['title']}

{php}
$currentCateId = intval($current_cate['id'] ?? '');
$currentCatePid = intval($current_cate['parent_id'] ?? '');
if($currentCatePid == 0){
    $currentCatePid = $currentCateId;
}
var_dump($currentCateId); // 当前的分类
{/php}

<!-- 获取父级分类详情 -->
{hcTaglib:category id="$currentCatePid" item="vo" field="*"}
<img src="{$vo.banner.url}" alt="">
{/hcTaglib:category}


<br>列表上方位置导航 ========== START <br>
<a href="/">首页</a>
<!-- 子栏目 -->
{volist name="category_with_order_arr" id="oneCate"}
<!-- {$oneCate.title} -->
<a href="{$oneCate.alias}">{$oneCate.title}</a>
{/volist}
<!-- 当前的栏目 -->
<a href="{$current_cate.alias}">{$current_cate.title}</a>
<br>列表上方位置导航 ========== END <br><br><br><br>

<br>
<br>
标题: {$hc_content.title} <br> 发布时间: {$hc_content.publish_time}, 浏览量: {$hc_content.hits}, 作者: {$hc_content.author}
<br>
<br>



详情内容 ====================== START <br>
<div class="content-detail">
{php}
    var_dump($hc_content);
{/php}
</div>
<br>
<br>
显示富文本内容 ============== START <br>
<!-- 正确方式：使用 |raw 过滤器 显示富文本内容 -->
<div class="content-detail">
    {$hc_content.content|raw}
</div>
显示富文本内容 ============== END <br>

<br>
<br>
文章详情 中的附件信息展示 ====== START <br>
{volist name="$hc_content['main_content']['more_file']" id="vo"}
    <!-- <a href="{$vo['url']|default=''}" target="_blank" download="{$vo['name']|default=''}"> -->
    <!--     <img src="__TMPL__/static/images/download/pdfico.png" alt=""> -->
    <!--     <span>{$vo['name']|default=''}</span> -->
    <!-- </a> -->

<div class="attachment-item">
    <img src="__TMPL__/static/images/download/pdfico.png" alt="">
    <span>{$vo['name']|default=''}</span>

    <!-- 预览按钮 -->
    <a href="{$vo['url']|default=''}" target="_blank" class="btn-preview">
        预览
    </a>

    <!-- 下载按钮 -->
    <a href="{$vo['url']|default=''}" download="{$vo['name']|default=''}" class="btn-download">
        下载
    </a>
</div>

{/volist}
<br>
文章详情 中的附件信息展示 ====== END
<br>
<br>

详情内容 ====================== END <br>
<br>
<br>

<br>
<div class="page-detail">
    <div class="page">
        {hcTaglib:preContent /}
    </div>
    <a href="{:hcUrl('list/index',['id'=>$hc_content['category_id']])}" class="back">
        <img src="__TMPL__/static/images/dangjian/back.png" />
        <p>返回列表</p>
    </a>
    <div class="page">
        {hcTaglib:nextContent /}
    </div>
</div>


<style>
    .content-detail {
        max-width: 1200px;      /* 最大宽度限制 */
        margin: 0 auto;         /* 水平居中 */
        padding: 0 20px;        /* 左右留白，适应小屏幕 */
        box-sizing: border-box;  /* 内边距不影响宽度计算 */
    }

    /* 确保图片不会超出容器宽度 */
    .content-detail img {
        max-width: 100%;
        height: auto;
    }

    /* 确保表格不会超出容器宽度 */
    .content-detail table {
        max-width: 100%;
        overflow-x: auto;
        display: block;
    }
</style>