pbootcms模板文章列表没有缩略图时也不显示默认图片

代码功能总结

  1. 列表循环部分
    使用 {pboot:list} 标签进行内容列表的循环展示。

    {pboot:list scode={sort:scode}}
  2. 判断是否有缩略图
    利用 [list:isico] 的返回值(1 表示有缩略图,0 表示无缩略图)进行条件判断:

    {pboot:if('[list:isico]'=='1')} <img src="[list:ico]" alt="[list:title]"> {/pboot:if}
    • 如果 [list:isico] 返回 1,则显示缩略图 <img> 标签。
    • 如果返回 0,则不显示任何图片。
  3. 完整结构展示
    在列表项中,除了缩略图外,还包含了标题、简介、日期、浏览量、点赞数等内容的展示:

    <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>

关键点解析

  1. [list:isico] 的作用

    • [list:isico] 是 PbootCMS 提供的一个字段,用于判断当前内容是否有缩略图。
    • 返回值为 1 表示有缩略图,0 表示无缩略图。
  2. 避免默认图片显示

    • 默认情况下,PbootCMS 在没有上传缩略图时会显示默认图片。
    • 通过 [list:isico] 判断是否显示图片,可以有效避免默认图片的展示。
  3. 灵活性扩展

    • 如果需要对无缩略图的情况做特殊处理(例如显示占位符或提示文字),可以在 {pboot:if} 的 else 分支中添加相应逻辑:
      {pboot:if('[list:isico]'=='1')} <img src="[list:ico]" alt="[list:title]"> {else} <div class="placeholder">暂无图片</div> {/pboot:if}

注意事项

  1. 模板语法正确性

    • 确保 {pboot:if} 和 {/pboot:if} 成对出现,避免语法错误。
    • 条件判断中的字符串比较需要用单引号包裹,例如:'[list:isico]'=='1'
  2. 样式适配

    • 如果缩略图可能为空,建议在 CSS 中为图片容器设置固定的宽高比例,以保证布局一致性。
  3. 性能优化

    • 如果列表数据量较大,建议在后台优化查询逻辑,减少不必要的字段加载,提升页面渲染速度。
posted @ 2025-12-05 12:59  Henry王  阅读(0)  评论(0)    收藏  举报