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

COS、CDN
通义灵码
 

为了在PBootCMS模板中实现只有上传了缩略图才显示图片的功能,可以使用[list:isico]标签来判断是否存在缩略图。下面是具体实现的代码示例:

完整代码示例

{pboot:list scode={sort:scode}}     <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> {/pboot:list}

关键部分解析

  1. 判断是否有缩略图

    {pboot:if('[list:isico]'=='1')}     <img src="[list:ico]" alt="[list:title]"> {/pboot:if}

    这里通过[list:isico]的值来判断是否有上传缩略图。如果[list:isico]的值为1,则表示有缩略图,会显示图片;否则不会显示任何图片。

  2. 其他信息展示 其他部分代码展示了如何显示文章的标题、内容摘要以及发布时间、浏览量和点赞数等信息。

通过这种方式,可以确保在没有上传缩略图的情况下不会显示默认图片,从而提高用户体验。

COS、CDN
热门