PbootCMS文章列表没有缩略图时也不显示默认图片（PbootCMS缩略图显示优化：判断是否上传图片避免默认图展示）
在使用PbootCMS模板构建网站时，列表页通常会显示缩略图。如果后台未上传缩略图，默认情况下会显示系统预设的默认图片。然而，在某些场景下，我们希望仅在上传了缩略图时才显示图片，未上传时不显示任何图片。
本文将介绍如何通过PbootCMS自带的缩略图返回值进行判断，实现仅在有缩略图时显示图片的效果。
二、解决方案
通过PbootCMS提供的isico字段，可以判断当前内容是否上传了缩略图。以下是具体的实现逻辑和代码示例。
1. 判断逻辑
isico字段说明：- 返回值为
1：表示已上传缩略图。 - 返回值为
0：表示未上传缩略图。
- 返回值为
- 使用PbootCMS的条件判断语句
{pboot:if}，结合isico字段，即可实现对缩略图是否存在进行判断。
2. 实现代码
以下是完整的代码示例：
{pboot:list scode={sort:scode}}
<li class="note-li">
<a href="[list:link]" title="[list:title]">
<div class="flex-column">
<!-- 判断是否有缩略图 -->
{pboot:if('[list:isico]'=='1')}
<div class="img-box">
<img src="[list:ico]" alt="[list:title]">
</div>
{/pboot:if}
<div class="text-box">
<h4>[list:title]</h4>
<p class="intro hidden-sm">[list:content drophtml=1 dropblank=1 lencn=120]</p>
<p>
<span><i class="fa fa-clock-o" aria-hidden="true"></i> [list:date style=Y-m-d]</span>
<span><i class="fa fa-eye" aria-hidden="true"></i> [list:visits] 浏览</span>
<span><i class="fa fa-thumbs-up" aria-hidden="true"></i> [list:likes] 点赞</span>
</p>
</div>
</div>
</a>
</li>
{/pboot:list}三、核心代码解析
| 功能模块 | 代码片段 | 说明 |
|---|---|---|
| 缩略图判断逻辑 | {pboot:if('[list:isico]'=='1')}<br>{/pboot:if} |
判断isico字段是否为1，仅在上传缩略图时执行内部代码。 |
| 缩略图显示 | <div class="img-box"><img src="[list:ico]" alt="[list:title]"></div> |
显示缩略图，[list:ico]为缩略图路径，[list:title]为图片替代文本。 |
| 列表项内容展示 | <h4>[list:title]</h4><br><p class="intro">[list:content drophtml=1 dropblank=1 lencn=120]</p> |
展示标题和简介内容，lencn=120表示截取120个字符长度的纯文本内容。 |
| 其他信息展示 | <span>[list:date style=Y-m-d]</span><br><span>[list:visits] 浏览</span> |
展示发布时间、浏览量等附加信息。 |
四、注意事项
-
isico字段的作用：isico字段是PbootCMS内置的一个布尔值字段，用于标识当前内容是否有缩略图。- 使用时需确保字段名称正确，且与模板语法一致。
-
样式调整：
- 如果需要隐藏默认图片，请确保CSS样式中未强制设置占位符或默认背景图。
-
性能优化：
- 在列表数据较多时，尽量减少不必要的HTML结构渲染，以提升页面加载速度。
更新时间：2025-12-06 17:36:00
上一篇：PbootCms内页打不开的常见情况汇总（PbootCMS内页无法访问的常见问题及解决方案）