pbootcms模板文章列表没有缩略图时也不显示默认图片
代码功能总结
-
列表循环部分
使用{pboot:list}标签进行内容列表的循环展示。{pboot:list scode={sort:scode}} -
判断是否有缩略图
利用[list:isico]的返回值(1表示有缩略图,0表示无缩略图)进行条件判断:{pboot:if('[list:isico]'=='1')} <img src="[list:ico]" alt="[list:title]"> {/pboot:if}- 如果
[list:isico]返回1,则显示缩略图<img>标签。 - 如果返回
0,则不显示任何图片。
- 如果
-
完整结构展示
在列表项中,除了缩略图外,还包含了标题、简介、日期、浏览量、点赞数等内容的展示:<a href="[list:link]" rel="external nofollow" title="[list:title]"> <div class="flex-column"> {pboot:if('[list:isico]'=='1')} <img src="[list:ico]" alt="[list:title]"> {/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>
关键点解析
-
[list:isico]的作用[list:isico]是 PbootCMS 提供的一个字段,用于判断当前内容是否有缩略图。- 返回值为
1表示有缩略图,0表示无缩略图。
-
避免默认图片显示
- 默认情况下,PbootCMS 在没有上传缩略图时会显示默认图片。
- 通过
[list:isico]判断是否显示图片,可以有效避免默认图片的展示。
-
灵活性扩展
- 如果需要对无缩略图的情况做特殊处理(例如显示占位符或提示文字),可以在
{pboot:if}的else分支中添加相应逻辑:{pboot:if('[list:isico]'=='1')} <img src="[list:ico]" alt="[list:title]"> {else} <div class="placeholder">暂无图片</div> {/pboot:if}
- 如果需要对无缩略图的情况做特殊处理(例如显示占位符或提示文字),可以在
注意事项
-
模板语法正确性
- 确保
{pboot:if}和{/pboot:if}成对出现,避免语法错误。 - 条件判断中的字符串比较需要用单引号包裹,例如:
'[list:isico]'=='1'。
- 确保
-
样式适配
- 如果缩略图可能为空,建议在 CSS 中为图片容器设置固定的宽高比例,以保证布局一致性。
-
性能优化
- 如果列表数据量较大,建议在后台优化查询逻辑,减少不必要的字段加载,提升页面渲染速度。

扫码添加技术【解决问题】
专注网站运营、网站安全十余年。
专业解决各种疑难杂症,您有任何网站问题都可联系我们技术人员。
本文来自博客园,作者:Henry王,转载请注明原文链接:https://www.cnblogs.com/heneryw/p/19307580

浙公网安备 33010602011771号