You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
3.1 KiB
126 lines
3.1 KiB
文章详情-の子页面
|
|
|
|
<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>
|